.faq-kb{max-width:1050px;margin:0 auto;padding:28px 20px 60px;font-family:inherit}
.faq-hero{text-align:center;padding:40px 20px 32px;margin-bottom:32px}
.faq-hero h1{font-size:clamp(24px,4vw,38px);font-weight:800;margin:0 0 12px;line-height:1.15}
.faq-hero-sub{font-size:17px;color:#555;margin:0 0 24px;max-width:600px;margin-left:auto;margin-right:auto}
.faq-search-wrap{position:relative;max-width:560px;margin:0 auto 16px}
.faq-search{width:100%;padding:14px 16px 14px 44px;font-size:16px;border:2px solid #e2e2e2;border-radius:12px;outline:none;transition:border-color .2s;box-sizing:border-box;background:#fff}
.faq-search:focus{border-color:#f79904}
.faq-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#999;pointer-events:none}
.faq-result-count{text-align:center;font-size:14px;color:#888;margin-bottom:12px;min-height:20px}
.faq-no-results{text-align:center;padding:40px 20px;color:#666;display:none}
.faq-no-results p{margin:0 0 16px}
.faq-no-results .faq-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.faq-no-results a{display:inline-block;padding:10px 20px;background:#f79904;color:#111;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
.faq-no-results a.faq-cta-secondary{background:#111;color:#fff}
.faq-popular-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.faq-chip{display:inline-block;padding:8px 16px;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:999px;font-size:14px;cursor:pointer;transition:all .15s;white-space:nowrap}
.faq-chip:hover{background:#fff7ed;border-color:#f79904}
.faq-popular-section{margin-bottom:40px}
.faq-popular-section h2{font-size:22px;font-weight:700;margin:0 0 16px;text-align:center}
.faq-popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.faq-popular-card{padding:16px 18px;background:#fff;border:1px solid #e2e2e2;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .15s;color:#111;text-decoration:none;display:block}
.faq-popular-card:hover{border-color:#f79904;background:#fff7ed}
.faq-categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:28px;scrollbar-width:none;-ms-overflow-style:none}
.faq-categories::-webkit-scrollbar{display:none}
.faq-cat-btn{flex-shrink:0;padding:10px 18px;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:6px}
.faq-cat-btn:hover,.faq-cat-btn.active{background:#f79904;border-color:#f79904;color:#111}
.faq-section-title{font-size:22px;font-weight:700;margin:32px 0 16px;padding-top:16px;border-top:1px solid #eee}
.faq-section-title:first-child{border-top:none;padding-top:0}
details.faq-item{border:1px solid #e2e2e2;border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
details.faq-item[open]{border-color:#f79904}
details.faq-item summary{padding:16px 18px;cursor:pointer;font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;user-select:none}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:”+”;font-size:22px;font-weight:300;color:#999;flex-shrink:0;margin-left:12px}
details.faq-item[open] summary::after{content:”u2212″}
details.faq-item summary:hover{background:#fafafa}
details.faq-item summary:focus-visible{outline:2px solid #f79904;outline-offset:-2px}
.faq-answer{padding:0 18px 18px;max-width:780px}
.faq-answer p,.faq-answer ul,.faq-answer ol{font-size:15px;line-height:1.65;color:#333}
.faq-answer ul,.faq-answer ol{padding-left:20px}
.faq-answer a{color:#f79904;text-decoration:underline}
.faq-answer a:hover{color:#e68a00}
.faq-related{margin-top:12px;font-size:14px}
.faq-related a{color:#f79904;font-weight:600;text-decoration:none}
.faq-related a:hover{text-decoration:underline}
.faq-meta{margin-top:10px;font-size:12px;color:#999}
.faq-feedback{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.faq-feedback-btn{padding:6px 14px;border:1px solid #ddd;border-radius:999px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s;min-height:36px}
.faq-feedback-btn:hover{border-color:#f79904;background:#fff7ed}
.faq-feedback-msg{color:#22c55e;font-weight:600;display:none}
.faq-cta-section{margin-top:48px;padding:32px 24px;background:#fafafa;border-radius:16px;text-align:center}
.faq-cta-section h2{font-size:22px;font-weight:700;margin:0 0 8px}
.faq-cta-section p{color:#555;margin:0 0 20px;max-width:500px;margin-left:auto;margin-right:auto}
.faq-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.faq-cta-buttons a{display:inline-block;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;transition:all .15s}
.faq-cta-buttons a.faq-cta-primary{background:#f79904;color:#111}
.faq-cta-buttons a.faq-cta-secondary{background:#111;color:#fff}
.faq-cta-buttons a.faq-cta-outline{background:#fff;color:#111;border:1px solid #ddd}
.faq-cta-buttons a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
@media(max-width:640px){.faq-kb{padding:16px 12px 40px}.faq-hero{padding:24px 12px 20px}.faq-hero h1{font-size:24px}.faq-popular-grid{grid-template-columns:1fr}details.faq-item summary{font-size:15px;padding:14px 14px}.faq-answer{padding:0 14px 14px}.faq-cta-section{padding:24px 16px}.faq-cta-buttons a{width:100%;text-align:center;box-sizing:border-box}}
Veelgestelde vragen over vapes, e-liquid en NL Damp
Zoek in onze kennisbank of kies een onderwerp. Van coils en nicotine tot praktische vragen over onze winkel in Meer.
Populaire vragen
Staat je vraag er niet tussen?
Onze medewerkers helpen je graag verder met praktische vragen over onze winkel, producten en compatibiliteit.
