{"id":161125,"date":"2025-05-27T14:35:32","date_gmt":"2025-05-27T12:35:32","guid":{"rendered":"https:\/\/nopaincream.com\/?page_id=161125"},"modified":"2026-07-13T10:42:42","modified_gmt":"2026-07-13T08:42:42","slug":"frontpage","status":"publish","type":"page","link":"https:\/\/nopaincream.com\/en\/lp\/frontpage\/","title":{"rendered":"LP Frontpage 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"161125\" class=\"elementor elementor-161125\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd89391 e-flex e-con-boxed e-con e-parent\" data-id=\"fd89391\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4a91cc7 e-con-full e-flex e-con e-child\" data-id=\"4a91cc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37af5c4 elementor-widget elementor-widget-html\" data-id=\"37af5c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     NoPain\u00ae \u2014 03: Page Hero (New) + Tube Calculator\n     Kr\u00e6ver i <head>:\n       <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;600;900&display=swap\" rel=\"stylesheet\">\n       <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n     ===================================================== -->\n\n<style>\n  .hero {\n    background: #243a53;\n    position: relative;\n    overflow: hidden;\n    padding: 88px 32px 80px;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n  }\n  .hero__bg {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background:\n      radial-gradient(ellipse 60% 120% at 78% 50%, rgba(32,130,51,0.14) 0%, transparent 100%),\n      radial-gradient(ellipse 45% 70% at 15% 80%, rgba(255,215,0,0.06) 0%, transparent 100%);\n  }\n  .hero__inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    text-align: center;\n  }\n  .hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n    border-radius: 999px;\n    padding: 6px 18px;\n    font-family: 'Roboto', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: rgba(255,255,255,0.78);\n    letter-spacing: 0.10em;\n    text-transform: uppercase;\n    margin-bottom: 30px;\n  }\n  .hero__eyebrow-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #FFD700;\n    flex-shrink: 0;\n  }\n  .hero__title {\n    font-family: 'Roboto', sans-serif;\n    font-size: clamp(36px, 5.5vw, 64px);\n    font-weight: 900;\n    color: #fff;\n    letter-spacing: -0.03em;\n    line-height: 1.0;\n    margin: 0 0 20px;\n  }\n  .hero__underline {\n    width: 108px;\n    height: 4px;\n    border-radius: 999px;\n    margin: 0 auto 28px;\n    background: linear-gradient(90deg, rgba(32,130,51,0) 0%, #208233 20%, #87b539 58%, #FFD700 100%);\n  }\n  .hero__subtitle {\n    font-family: 'Roboto', sans-serif;\n    font-size: clamp(16px, 2.2vw, 20px);\n    color: rgba(255,255,255,0.68);\n    font-weight: 400;\n    margin: 0 0 28px;\n    line-height: 1.55;\n  }\n\n  \/* \u2500\u2500 CTA row \u2500\u2500 *\/\n  .hero__cta-row {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 48px;\n    flex-wrap: nowrap;\n  }\n\n  \/* \u2500\u2500 CTA button \u2500\u2500 *\/\n  .hero__cta-btn,\n  .hero__cta-btn:link,\n  .hero__cta-btn:visited,\n  .hero__cta-btn:hover,\n  .hero__cta-btn:focus,\n  .hero__cta-btn:active,\n  .hero__cta-btn:focus-visible {\n    all: unset !important;\n    box-sizing: border-box !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    background: #208233 !important;\n    color: #fff !important;\n    font-family: 'Roboto', sans-serif !important;\n    font-size: 18px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    padding: 16px 40px !important;\n    border-radius: 999px !important;\n    cursor: pointer !important;\n    box-shadow: 0 6px 24px rgba(32,130,51,0.30) !important;\n    transition: all 200ms cubic-bezier(0.25,0.8,0.25,1) !important;\n    text-decoration: none !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n  }\n  .hero__cta-btn:hover {\n    background: #1a6b29 !important;\n    transform: translateY(-3px) scale(1.02) !important;\n    box-shadow: 0 12px 32px rgba(32,130,51,0.35) !important;\n  }\n\n  \/* \u2500\u2500 Calc toggle button \u2500\u2500 *\/\n  .hero__calc-btn,\n  .hero__calc-btn:link,\n  .hero__calc-btn:visited,\n  .hero__calc-btn:hover,\n  .hero__calc-btn:focus,\n  .hero__calc-btn:active,\n  .hero__calc-btn:focus-visible {\n    all: unset !important;\n    box-sizing: border-box !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    background: rgba(255,255,255,0.10) !important;\n    border: 1px solid rgba(255,255,255,0.22) !important;\n    border-radius: 999px !important;\n    padding: 16px 40px !important;\n    font-family: 'Roboto', sans-serif !important;\n    font-size: 18px !important;\n    font-weight: 800 !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    transition: background 180ms ease, border-color 180ms ease !important;\n    -webkit-appearance: none !important;\n    appearance: none !important;\n  }\n  .hero__calc-btn:hover,\n  .hero__calc-btn:focus {\n    background: rgba(255,255,255,0.17) !important;\n    border-color: rgba(255,255,255,0.38) !important;\n  }\n  .hero__calc-btn-icon { width: 18px; height: 18px; transition: transform 300ms ease; flex-shrink: 0; }\n  .hero__calc-btn.hero__calc-btn--open .hero__calc-btn-icon { transform: rotate(180deg); }\n\n  \/* \u2500\u2500 Calc drawer \u2500\u2500 *\/\n  .hero__calc-drawer {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 420ms ease;\n    margin-bottom: 0;\n  }\n  .hero__calc-drawer.hero__calc-drawer--open {\n    grid-template-rows: 1fr;\n    margin-bottom: 48px;\n  }\n  .hero__calc-drawer-inner { overflow: hidden; }\n\n  \/* \u2500\u2500 Trust row \u2500\u2500 *\/\n  .hero__trust-row {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    flex-wrap: wrap;\n  }\n  .hero__trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    text-align: left;\n  }\n  .hero__trust-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.10);\n    border: 1px solid rgba(255,255,255,0.14);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .hero__trust-label {\n    font-family: 'Roboto', sans-serif;\n    font-size: 15px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1.3;\n    margin-bottom: 4px;\n  }\n  .hero__trust-desc {\n    font-family: 'Roboto', sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.5;\n  }\n  @media (max-width: 768px) {\n    .hero__trust-desc { display: none; }\n  }\n\n  \/* \u2500\u2500 Calculator cards \u2500\u2500 *\/\n  .hero__calc-wrapper {\n    max-width: 900px;\n    margin: 24px auto 0;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n    text-align: left;\n  }\n  .hero__calc-wrapper * { box-sizing: border-box; }\n  .hero__calc-card {\n    background: #fff;\n    border-radius: 16px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .hero__calc-title {\n    font-family: 'Roboto', sans-serif;\n    font-size: 18px;\n    font-weight: 900;\n    color: #243a53;\n    margin: 0 0 22px;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n  .hero__calc-label {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: #64748b;\n    margin-bottom: 12px;\n    font-weight: 700;\n    display: block;\n  }\n  .hero__calc-sess-group {\n    display: flex;\n    gap: 4px;\n    background: #f8fafc;\n    padding: 5px;\n    border-radius: 14px;\n    border: 1px solid #e2e8f0;\n    margin-bottom: 26px;\n  }\n  .hero__calc-sess-btn,\n  .hero__calc-sess-btn:link,\n  .hero__calc-sess-btn:visited,\n  .hero__calc-sess-btn:hover,\n  .hero__calc-sess-btn:focus,\n  .hero__calc-sess-btn:active {\n    all: unset !important;\n    box-sizing: border-box !important;\n    flex: 1 !important;\n    border-radius: 10px !important;\n    padding: 10px 6px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #64748b !important;\n    cursor: pointer !important;\n    text-align: center !important;\n    background: transparent !important;\n    border: none !important;\n    box-shadow: none !important;\n    transition: background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n    display: block !important;\n  }\n  .hero__calc-sess-btn.active,\n  .hero__calc-sess-btn.active:hover,\n  .hero__calc-sess-btn.active:focus,\n  .hero__calc-sess-btn.active:active {\n    background: #208233 !important;\n    color: #fff !important;\n    box-shadow: 0 4px 12px rgba(32,130,51,0.30) !important;\n  }\n  .hero__calc-slider-wrap { position: relative; }\n  input[type=range].hero__calc-slider {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 100%;\n    height: 8px;\n    background: #e2e8f0;\n    border-radius: 10px;\n    outline: none;\n    margin: 14px 0;\n    padding: 0;\n    border: none;\n    display: block;\n  }\n  input[type=range].hero__calc-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: #208233;\n    border: 4px solid #fff;\n    box-shadow: 0 3px 8px rgba(0,0,0,0.20);\n    cursor: pointer;\n  }\n  .hero__calc-slider-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 12px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #334155;\n  }\n  .hero__calc-slider-labels span { flex: 1; text-align: center; line-height: 1.4; }\n  .hero__calc-slider-labels small { color: #94a3b8; font-weight: 500; font-size: 10px; display: block; }\n\n  .hero__calc-result {\n    background: linear-gradient(145deg, #fff, #f8fafc);\n    border-radius: 16px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    border: 1px solid #e2e8f0;\n  }\n  .hero__calc-warning {\n    background: #fff4e5;\n    border-left: 4px solid #ff9800;\n    color: #b36a00;\n    padding: 10px 14px;\n    border-radius: 8px;\n    font-size: 12px;\n    margin-bottom: 16px;\n    text-align: left;\n    display: none;\n    font-weight: 500;\n    line-height: 1.4;\n    width: 100%;\n  }\n  .hero__calc-img-wrap {\n    min-height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 8px;\n  }\n  .hero__calc-img-wrap img { max-height: 110px; filter: drop-shadow(0 8px 12px rgba(0,0,0,0.10)); }\n  .hero__calc-result-num  { font-size: 38px; font-weight: 900; color: #208233; line-height: 1; }\n  .hero__calc-result-head { font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 900; color: #243a53; margin: 8px 0 6px; }\n  .hero__calc-result-desc { font-size: 13px; color: #475569; line-height: 1.5; margin-bottom: 18px; max-width: 300px; }\n  .hero__calc-result-btn  {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: #208233; color: #fff; text-decoration: none;\n    padding: 11px 26px; border-radius: 999px;\n    font-size: 14px; font-weight: 800;\n    box-shadow: 0 6px 16px rgba(32,130,51,0.25);\n    transition: background 160ms ease;\n  }\n  .hero__calc-result-btn:hover { background: #1a6b29; }\n\n  \/* \u2500\u2500 Tablet \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .hero { padding: 56px 20px 48px; }\n\n    .hero__calc-btn,\n    .hero__calc-btn:link,\n    .hero__calc-btn:visited,\n    .hero__calc-btn:hover,\n    .hero__calc-btn:focus,\n    .hero__calc-btn:active {\n      font-size: 13px !important;\n      padding: 10px 20px !important;\n      gap: 8px !important;\n      margin-bottom: 0px !important;\n    }\n\n    .hero__cta-row { margin-bottom: 32px; }\n\n    .hero__calc-wrapper {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n    .hero__calc-result { order: -1; }\n\n    .hero__trust-row { gap: 16px 24px; }\n    .hero__trust-label { font-size: 13px; }\n  }\n\n  \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n  @media (max-width: 520px) {\n    .hero { padding: 36px 16px 32px; }\n\n    .hero__eyebrow { font-size: 10px; padding: 5px 14px; margin-bottom: 16px; }\n    .hero__underline { margin-bottom: 14px; }\n    .hero__subtitle { margin-bottom: 20px; font-size: 14px; }\n\n    .hero__cta-btn,\n    .hero__cta-btn:link,\n    .hero__cta-btn:visited,\n    .hero__cta-btn:hover,\n    .hero__cta-btn:focus,\n    .hero__cta-btn:active {\n      font-size: 14px !important;\n      padding: 12px 22px !important;\n    }\n\n    .hero__calc-btn,\n    .hero__calc-btn:link,\n    .hero__calc-btn:visited,\n    .hero__calc-btn:hover,\n    .hero__calc-btn:focus,\n    .hero__calc-btn:active {\n      font-size: 14px !important;\n      padding: 12px 22px !important;\n      white-space: normal !important;\n      line-height: 1.4 !important;\n      margin-bottom: 0px !important;\n    }\n    .hero__calc-btn svg:first-child { display: none !important; }\n\n    .hero__calc-drawer.hero__calc-drawer--open { margin-bottom: 24px; }\n\n    .hero__calc-card,\n    .hero__calc-result { padding: 20px 16px; border-radius: 14px; }\n    .hero__calc-title { font-size: 16px; margin-bottom: 18px; }\n    .hero__calc-sess-btn,\n    .hero__calc-sess-btn:link,\n    .hero__calc-sess-btn:visited,\n    .hero__calc-sess-btn:hover,\n    .hero__calc-sess-btn:focus,\n    .hero__calc-sess-btn:active { font-size: 12px !important; padding: 9px 4px !important; }\n    .hero__calc-slider-labels { font-size: 11px; }\n    .hero__calc-slider-labels small { font-size: 9px; }\n    .hero__calc-result-num  { font-size: 32px; }\n    .hero__calc-result-head { font-size: 15px; }\n    .hero__calc-result-desc { font-size: 12px; }\n    .hero__calc-img-wrap img { max-height: 90px; }\n\n    .hero__trust-icon { width: 30px; height: 30px; }\n  }\n<\/style>\n\n<section class=\"hero\">\n  <div class=\"hero__bg\"><\/div>\n  <div class=\"hero__inner\">\n\n    <div class=\"hero__eyebrow\">\n      <span class=\"hero__eyebrow-dot\"><\/span>\n      Europe's #1 Numbing Cream\n    <\/div>\n\n    <h1 class=\"hero__title\">\n      The Ultimate Pain\u2011Free<br>Experience.\n    <\/h1>\n\n    <div class=\"hero__underline\"><\/div>\n\n    <p class=\"hero__subtitle\">\n      Trusted by 50,000+ artists worldwide.<br>\n      Up to 5 hours of relief \u2014 won't affect the ink.\n    <\/p>\n\n    <!-- CTA row -->\n    <div class=\"hero__cta-row\">\n      <button class=\"hero__cta-btn\" onclick=\"document.getElementById('shop').scrollIntoView({behavior:'smooth'})\">\n        Shop Now \u2192\n      <\/button>\n\n      <button class=\"hero__calc-btn\" id=\"heroCalcToggle\" onclick=\"heroToggleCalc()\">\n        <svg class=\"hero__calc-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"12\" y2=\"14\"\/><\/svg>\n        Tube Calculator\n        <svg class=\"hero__calc-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- Calculator drawer -->\n    <div class=\"hero__calc-drawer\" id=\"heroCalcDrawer\">\n      <div class=\"hero__calc-drawer-inner\">\n        <div class=\"hero__calc-wrapper\">\n\n          <div class=\"hero__calc-card\">\n            <h2 class=\"hero__calc-title\">Tube Calculator<\/h2>\n\n            <label class=\"hero__calc-label\">1. Number of Sessions<\/label>\n            <div class=\"hero__calc-sess-group\">\n              <button type=\"button\" class=\"hero__calc-sess-btn active\" data-val=\"1\" onclick=\"heroCalcSetSession(this)\">1 Session<\/button>\n              <button type=\"button\" class=\"hero__calc-sess-btn\" data-val=\"2-3\" onclick=\"heroCalcSetSession(this)\">2\u20133 Sessions<\/button>\n              <button type=\"button\" class=\"hero__calc-sess-btn\" data-val=\"4+\" onclick=\"heroCalcSetSession(this)\">4+ Sessions<\/button>\n            <\/div>\n\n            <label class=\"hero__calc-label\">2. Tattoo Size<\/label>\n            <div class=\"hero__calc-slider-wrap\">\n              <input type=\"range\" min=\"1\" max=\"4\" step=\"0.01\" value=\"2\" class=\"hero__calc-slider\" id=\"heroCalcSlider\" oninput=\"heroCalcRun()\">\n              <div class=\"hero__calc-slider-labels\">\n                <span>Small<br><small>(Wrist\/Ankle)<\/small><\/span>\n                <span>Medium<br><small>(Half Sleeve)<\/small><\/span>\n                <span>Large<br><small>(Full Sleeve)<\/small><\/span>\n                <span>X-Large<br><small>(Full Back)<\/small><\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hero__calc-result\">\n            <div class=\"hero__calc-warning\" id=\"heroCalcWarning\"><\/div>\n            <div class=\"hero__calc-img-wrap\" id=\"heroCalcImg\"><\/div>\n            <div class=\"hero__calc-result-num\"  id=\"heroCalcNum\">\u2014<\/div>\n            <div class=\"hero__calc-result-head\" id=\"heroCalcHead\">Your Recommendation<\/div>\n            <div class=\"hero__calc-result-desc\" id=\"heroCalcDesc\">Adjust the sliders to see your result.<\/div>\n            <a href=\"#\" class=\"hero__calc-result-btn\" id=\"heroCalcLink\">Buy Now \u2192<\/a>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Trust row -->\n    <div class=\"hero__trust-row\">\n      <div class=\"hero__trust-item\">\n        <div class=\"hero__trust-icon\">\n          <i data-lucide=\"zap\" style=\"width:16px;height:16px;width:18px;height:18px;stroke:#208233;stroke-width:1.8;fill:none;\"><\/i>\n        <\/div>\n        <div>\n          <div class=\"hero__trust-label\">Maximum Strength<\/div>\n          <div class=\"hero__trust-desc\">Up to 3\u20135 hours of complete pain relief.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero__trust-item\">\n        <div class=\"hero__trust-icon\">\n          <i data-lucide=\"check-circle\" style=\"width:16px;height:16px;width:18px;height:18px;stroke:#208233;stroke-width:1.8;fill:none;\"><\/i>\n        <\/div>\n        <div>\n          <div class=\"hero__trust-label\">Artist Approved<\/div>\n          <div class=\"hero__trust-desc\">Water-based formula that won't affect the ink.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero__trust-item\">\n        <div class=\"hero__trust-icon\">\n          <i data-lucide=\"award\" style=\"width:16px;height:16px;width:18px;height:18px;stroke:#208233;stroke-width:1.8;fill:none;\"><\/i>\n        <\/div>\n        <div>\n          <div class=\"hero__trust-label\">Premium Service<\/div>\n          <div class=\"hero__trust-desc\">Excellent customer service. 100% satisfaction guarantee.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var heroCalcSession = '1';\n\n  var heroCalcImages = {\n    1: \"https:\/\/nopaincream.com\/wp-content\/uploads\/2025\/01\/1-tube-nopain.webp\",\n    2: \"https:\/\/nopaincream.com\/wp-content\/uploads\/2025\/01\/2-tube-nopain.webp\",\n    3: \"https:\/\/nopaincream.com\/wp-content\/uploads\/2021\/09\/3-tube-nopain.webp\",\n    \"bundle\": \"https:\/\/nopaincream.com\/wp-content\/uploads\/2025\/01\/Tattoo-bundle-nopain.webp\",\n    5: \"https:\/\/nopaincream.com\/wp-content\/uploads\/2021\/09\/5-tube-nopain.webp\",\n    10: \"https:\/\/nopaincream.com\/wp-content\/uploads\/2021\/09\/10-tube-nopain.webp\"\n  };\n\n  window.heroToggleCalc = function () {\n    var btn    = document.getElementById('heroCalcToggle');\n    var drawer = document.getElementById('heroCalcDrawer');\n    var open   = drawer.classList.toggle('hero__calc-drawer--open');\n    btn.classList.toggle('hero__calc-btn--open', open);\n    if (open) heroCalcRun();\n  };\n\n  window.heroCalcSetSession = function (el) {\n    document.querySelectorAll('.hero__calc-sess-btn').forEach(function (b) { b.classList.remove('active'); });\n    el.classList.add('active');\n    heroCalcSession = el.getAttribute('data-val');\n    heroCalcRun();\n  };\n\n  window.heroCalcRun = function () {\n    var slider   = document.getElementById('heroCalcSlider');\n    var rawVal   = parseFloat(slider.value);\n    var size     = Math.round(rawVal);\n    var pct      = ((rawVal - 1) \/ 3) * 100;\n    slider.style.background = 'linear-gradient(to right, #208233 ' + pct + '%, #e2e8f0 ' + pct + '%)';\n\n    var tubes = 1, isBundle = false, plus = '', warn = false;\n\n    if (size === 1) {\n      if (heroCalcSession === '1')   tubes = 1;\n      else if (heroCalcSession === '2-3') tubes = 2;\n      else { tubes = 3; isBundle = true; }\n    } else if (size === 2) {\n      if (heroCalcSession === '1')   tubes = 2;\n      else if (heroCalcSession === '2-3') { tubes = 3; isBundle = true; }\n      else tubes = 5;\n    } else if (size === 3) {\n      if (heroCalcSession === '1')   { tubes = 4; warn = true; }\n      else if (heroCalcSession === '2-3') tubes = 5;\n      else tubes = 10;\n    } else {\n      if (heroCalcSession === '1')   { tubes = 5; plus = '+'; warn = true; }\n      else if (heroCalcSession === '2-3') { tubes = 5; plus = '+'; }\n      else tubes = 11;\n    }\n\n    var warnBox = document.getElementById('heroCalcWarning');\n    if (warn) {\n      warnBox.innerHTML = '\u26a0\ufe0f <strong>Notice:<\/strong> This size may need multiple sessions for full coverage.';\n      warnBox.style.display = 'block';\n    } else {\n      warnBox.style.display = 'none';\n    }\n\n    var link = 'https:\/\/nopaincream.com\/en\/1-tube-30g-no-pain\/';\n    var desc = 'Perfect for your session, giving you a professional numbing layer.';\n    var head = 'Tubes Recommended';\n    var img  = heroCalcImages[1];\n    var num  = tubes + plus;\n\n    if (isBundle) {\n      link = 'https:\/\/nopaincream.com\/en\/tattoo-bundle\/';\n      head = 'Tattoo Bundle';\n      desc = 'Includes 3 tubes of NoPain\u00ae cream + 1 Aftercare 150ml. The complete kit.';\n      img  = heroCalcImages['bundle'];\n      num  = 'Bundle';\n    } else if (tubes === 2) {\n      link = 'https:\/\/nopaincream.com\/en\/2-tubes-30g-no-pain\/';\n      img  = heroCalcImages[2];\n      desc = '2 tubes are perfect for this area. Grab our 2-Pack to save 9%.';\n    } else if (tubes === 3) {\n      link = 'https:\/\/nopaincream.com\/en\/3-tubes-30g-no-pain\/';\n      img  = heroCalcImages[3];\n      desc = 'Our 3-Pack ensures you have enough for all sessions. Save 13%.';\n    } else if (tubes === 4) {\n      link = 'https:\/\/nopaincream.com\/en\/5-tubes-30g-no-pain\/';\n      img  = heroCalcImages[5];\n      desc = 'For this size we recommend our 5-Pack to ensure full coverage.';\n      num  = '4\u20135';\n    } else if (tubes >= 5 && tubes <= 10) {\n      link = tubes >= 10 ? 'https:\/\/nopaincream.com\/en\/10-tubes-30g-no-pain\/' : 'https:\/\/nopaincream.com\/en\/5-tubes-30g-no-pain\/';\n      img  = tubes >= 10 ? heroCalcImages[10] : heroCalcImages[5];\n      desc = tubes >= 10 ? 'Ultimate coverage for large projects. Lock in the best bulk discount.' : 'Ideal for larger projects. Grab our 5-Pack and save 15%!';\n      if (tubes >= 10) num = '10';\n    } else if (tubes > 10) {\n      link = 'https:\/\/nopaincream.com\/en\/products\/';\n      img  = heroCalcImages[10];\n      desc = 'For projects of this scale, check our full product range for the best bundle.';\n      num  = '10+';\n    }\n\n    document.getElementById('heroCalcNum').innerText  = num;\n    document.getElementById('heroCalcHead').innerText = head;\n    document.getElementById('heroCalcDesc').innerText = desc;\n    document.getElementById('heroCalcLink').href      = link;\n    document.getElementById('heroCalcImg').innerHTML  = '<img decoding=\"async\" src=\"' + img + '\" alt=\"' + head + '\">';\n  };\n\n  if (window.lucide) lucide.createIcons();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70512b2 e-con-full e-flex e-con e-parent\" data-id=\"70512b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8d7e12 elementor-widget elementor-widget-html\" data-id=\"f8d7e12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .trust-strip {\n    background: #F5F5F5;\n    padding: 28px 0;\n  }\n\n  .trust-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n\n  .trust-item {\n    display: grid;\n    grid-template-rows: 24px 40px;\n    justify-items: center;\n    align-items: start;\n    text-align: center;\n    row-gap: 10px;\n  }\n\n  .trust-item svg {\n    width: 22px;\n    height: 22px;\n    stroke: #208233;\n    fill: none;\n    flex-shrink: 0;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .trust-item-text {\n    font-size: 14px;\n    font-weight: 600;\n    color: #243a53;\n    line-height: 1.35;\n    max-width: 135px;\n  }\n\n  @media (max-width: 768px) {\n    .trust-content {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px 12px;\n      padding: 0 16px;\n    }\n\n    .trust-item {\n      grid-template-rows: 24px 40px;\n      row-gap: 8px;\n    }\n\n    .trust-item-text {\n      font-size: 12px;\n      line-height: 1.35;\n      max-width: 130px;\n    }\n  }\n<\/style>\n\n<div class=\"trust-strip\">\n  <div class=\"trust-content\">\n    <div class=\"trust-item\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" title=\"Dermatologically Tested\">\n        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n        <polyline points=\"9 12 12 15 15 10\"\/>\n      <\/svg>\n      <div class=\"trust-item-text\">World's Strongest Numbing Cream<\/div>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" title=\"Free Shipping\">\n        <circle cx=\"9\" cy=\"21\" r=\"1\"\/>\n        <circle cx=\"20\" cy=\"21\" r=\"1\"\/>\n        <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/>\n      <\/svg>\n      <div class=\"trust-item-text\">Free shipping over \u20ac100<\/div>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" title=\"Artist-Approved\">\n        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n        <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n      <\/svg>\n      <div class=\"trust-item-text\">Artist-approved formula<\/div>\n    <\/div>\n\n    <div class=\"trust-item\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" title=\"30-Day Returns\">\n        <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/>\n        <path d=\"M21 3v5h-5\"\/>\n        <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/>\n        <path d=\"M3 21v-5h5\"\/>\n      <\/svg>\n      <div class=\"trust-item-text\">30-day money-back<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-030559c e-flex e-con-boxed e-con e-parent\" data-id=\"030559c\" data-element_type=\"container\" data-e-type=\"container\" id=\"shop\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-576373e e-con-full e-flex e-con e-child\" data-id=\"576373e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e44bc elementor-widget elementor-widget-shortcode\" data-id=\"48e44bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n    <section class=\"np-section\" dir=\"ltr\">\n      <style>\n        .np-section, .np-section h2, .np-section h3, .np-section button, .np-section a, .np-section div, .np-section span { font-family: Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif; }\n        .np-section { width:100%; background:#fff; padding:64px 20px 56px; color:#243a53; }\n        .np-section .np-eyebrow { text-align:center; color:#208233; font-size:12px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:14px; }\n        \/* h2 og dens span er l\u00e5st til Poppins 800 \u2014 ogs\u00e5 span'en (\"size\"),\n           som ellers rammes af den generelle span-regel ovenfor. *\/\n        .np-section .np-title { text-align:center; color:#243a53; font-family:'Poppins',sans-serif !important; font-size:clamp(28px, 4vw, 42px); line-height:1.08; font-weight:800 !important; letter-spacing:-0.02em; margin:0 0 62px; }\n        .np-section .np-title .g { color:#208233; font-family:'Poppins',sans-serif !important; font-weight:800 !important; }\n        .np-section .np-wrap { max-width:930px; margin:0 auto; display:grid; grid-template-columns:390px 500px; gap:28px; align-items:center; }\n        .np-section .np-left { position:relative; min-height:475px; display:flex; align-items:center; justify-content:center; }\n        .np-section .np-product-image-wrap { width:340px; height:430px; display:flex; align-items:center; justify-content:center; position:relative; }\n        .np-section .np-product-image { width:100%; max-height:430px; object-fit:contain; display:block; }\n        .np-section .np-badge { position:absolute; top:66px; right:4px; background:#f4c430; color:#243a53; border-radius:999px; padding:8px 14px; font-size:13px; font-weight:900; display:inline-flex; align-items:center; gap:5px; }\n        .np-section .np-badge::before { content:\"\u2605\"; font-size:12px; }\n        .np-section .np-kicker { color:#6a7785; font-size:12px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:8px; }\n        .np-section .np-name { color:#243a53; font-family:'Poppins',sans-serif !important; font-size:36px; line-height:1; font-weight:800 !important; margin:0 0 8px; }\n        .np-section .np-rating-link { display:inline-flex; text-decoration:none; color:inherit; margin-bottom:22px; padding:0; border-radius:8px; cursor:pointer; transition:transform 0.3s ease; }\n        .np-section .np-rating-link:hover { transform:scale(1.04); }\n        @keyframes np-star-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }\n        .np-section .np-rating-link:hover .np-star { animation: np-star-pulse 0.6s ease-in-out infinite; }\n        .np-section .np-rating { display:inline-flex; align-items:center; gap:8px; line-height:1; }\n        .np-section .np-stars-icons { display:inline-flex; align-items:center; gap:2px; height:18px; }\n        .np-section .np-star { width:17px; height:17px; fill:#f4c430; display:block; flex-shrink:0; transition:transform 0.2s ease; }\n        .np-section .np-rating-text { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#6a7785; line-height:18px; height:18px; }\n        .np-section .np-rating-text strong { color:#243a53; font-size:14px; font-weight:800; line-height:18px; }\n        .np-section .np-rating-text span { line-height:18px; }\n        .np-section .np-select { color:#243a53; font-size:13px; font-weight:900; letter-spacing:0.7px; text-transform:uppercase; margin-bottom:12px; }\n        .np-section .size-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:32px; }\n        .np-section .size-card { min-height:108px; border:1px solid #e3e6e8; border-radius:10px; background:#fff; padding:15px 16px; cursor:pointer; }\n        .np-section .size-card.active { border:2px solid #208233; background:#e6f4e9; padding:14px 15px; }\n        .np-section .size-name { color:#243a53; font-size:14px; font-weight:900; margin-bottom:3px; }\n        .np-section .size-desc { color:#6a7785; font-size:12px; min-height:17px; margin-bottom:5px; }\n        .np-section .size-save { color:#208233; font-size:12px; font-weight:900; margin-bottom:4px; min-height:16px; }\n        .np-section .size-price-row { display:flex; align-items:baseline; gap:8px; }\n        .np-section .size-price { color:#243a53; font-size:16px; font-weight:900; }\n        .np-section .size-regular-price { font-size:12px; color:#94a8bf; text-decoration:line-through; }\n        .np-section .np-price-row { display:flex; align-items:center; gap:16px; margin-bottom:24px; }\n        .np-section .np-price-wrap { display:flex; align-items:baseline; gap:10px; }\n        .np-section .np-price { color:#243a53; font-size:38px; line-height:1; font-weight:900; }\n        .np-section .np-regular-price { font-size:22px; color:#94a8bf; text-decoration:line-through; font-weight:500; }\n        .np-section .np-note { color:#6a7785; font-size:13px; line-height:1.25; }\n        .np-section .np-note strong { color:#208233; display:block; font-weight:900; }\n        .np-section .np-cart { width:100%; height:60px; border:0; border-radius:22px; background:#208233; color:#fff; font-size:17px; font-weight:900; cursor:pointer; box-shadow:0 8px 18px rgba(32,130,51,0.22); }\n        .np-section .np-cart:hover { background:#1a6e2b; }\n        .np-section .np-trust { display:flex; justify-content:center; align-items:center; gap:28px; margin-top:18px; color:#6a7785; font-size:12px; text-align:center; flex-wrap:wrap; }\n        .np-section .np-trust span { display:inline-flex; align-items:center; }\n        .np-section .np-trust span::before { content:\"\u2713\"; color:#208233; font-weight:900; margin-right:6px; }\n        .np-section .np-viewall-wrap { text-align:center; margin-top:28px; }\n        .np-section .np-viewall-btn { display:inline-flex; align-items:center; justify-content:center; font-weight:900; font-size:15px; color:#243a53; background:#fff; border:1.5px solid #e3e6e8; padding:14px 32px; border-radius:999px; text-decoration:none; transition:all 0.2s ease; }\n        .np-section .np-viewall-btn:hover { border-color:#208233; color:#208233; }\n        @media (max-width: 850px) {\n          .np-section { padding:44px 18px 40px; }\n          .np-section .np-wrap { grid-template-columns:1fr; max-width:500px; gap:24px; }\n          .np-section .np-title { font-size:28px; margin-bottom:36px; }\n          .np-section .np-left { min-height:360px; }\n          .np-section .np-product-image-wrap { width:300px; height:330px; }\n          .np-section .np-product-image { max-height:330px; }\n          .np-section .np-badge { top:24px; right:20px; }\n          .np-section .size-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }\n          .np-section .size-card { min-height:126px; padding:13px 12px; }\n          .np-section .size-card.active { padding:12px 11px; }\n          .np-section .size-name { font-size:13px; }\n          .np-section .size-desc { font-size:11px; line-height:1.25; }\n          .np-section .size-save { font-size:11px; }\n          .np-section .size-price { font-size:15px; }\n          .np-section .size-regular-price { font-size:11px; }\n          .np-section .np-regular-price { font-size:18px; }\n          .np-section .np-trust { gap:12px 18px; justify-content:center; flex-direction:row; }\n        }\n        @media (max-width: 768px) {\n          .np-section .np-rating-link { display: none !important; }\n        }\n      <\/style>\n\n      <div class=\"np-eyebrow\">Shop NoPain<\/div>\n      <h2 class=\"np-title\">Choose Your <span class=\"g\">Size<\/span><\/h2>\n\n      <div class=\"np-wrap\">\n        <div class=\"np-left\">\n          <div class=\"np-product-image-wrap\">\n            <img id=\"mainProductImage\" class=\"np-product-image\" src=\"https:\/\/nopaincream.com\/wp-content\/uploads\/2025\/01\/1-tube-nopain-800x800.webp\" alt=\"1 Tube 30g\" fetchpriority=\"high\" decoding=\"async\">\n          <\/div>\n          <div id=\"bestsellerBadge\" class=\"np-badge\">Bestseller<\/div>\n        <\/div>\n\n        <div class=\"np-info\">\n          <div class=\"np-kicker\">NoPain Original<\/div>\n          <h3 class=\"np-name\">Numbing Cream<\/h3>\n\n          <a href=\"https:\/\/www.trustpilot.com\/review\/www.nopaincream.com\" target=\"_blank\" rel=\"noopener\" class=\"np-rating-link\" title=\"See our reviews on Trustpilot\">\n            <div class=\"np-rating\">\n              <div class=\"np-stars-icons\">\n                                  <svg class=\"np-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 10.26 23.77 10.36 17.13 16.92 19.78 25.46 12 19.77 4.22 25.46 6.87 16.92 0.23 10.36 8.91 10.26\"\/><\/svg>\n                                  <svg class=\"np-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 10.26 23.77 10.36 17.13 16.92 19.78 25.46 12 19.77 4.22 25.46 6.87 16.92 0.23 10.36 8.91 10.26\"\/><\/svg>\n                                  <svg class=\"np-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 10.26 23.77 10.36 17.13 16.92 19.78 25.46 12 19.77 4.22 25.46 6.87 16.92 0.23 10.36 8.91 10.26\"\/><\/svg>\n                                  <svg class=\"np-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 10.26 23.77 10.36 17.13 16.92 19.78 25.46 12 19.77 4.22 25.46 6.87 16.92 0.23 10.36 8.91 10.26\"\/><\/svg>\n                                  <svg class=\"np-star\" viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 10.26 23.77 10.36 17.13 16.92 19.78 25.46 12 19.77 4.22 25.46 6.87 16.92 0.23 10.36 8.91 10.26\"\/><\/svg>\n                              <\/div>\n              <div class=\"np-rating-text\">\n                <strong>4.5\/5<\/strong>\n                <span>200+ reviews<\/span>\n              <\/div>\n            <\/div>\n          <\/a>\n\n          <div class=\"np-select\">Select size<\/div>\n          <div id=\"sizeGrid\" class=\"size-grid\">\n                          <div class=\"size-card active\" data-index=\"0\">\n                <div class=\"size-name\">1 Tube 30g<\/div>\n                <div class=\"size-desc\">Perfect for single sessions<\/div>\n                <div class=\"size-save\">&nbsp;<\/div>\n                <div class=\"size-price-row\">\n                  <div class=\"size-price\">\u20ac36.95<\/div>\n                                  <\/div>\n              <\/div>\n                          <div class=\"size-card\" data-index=\"1\">\n                <div class=\"size-name\">3 Tubes 30g<\/div>\n                <div class=\"size-desc\">Best value for regular clients<\/div>\n                <div class=\"size-save\">You save 13%<\/div>\n                <div class=\"size-price-row\">\n                  <div class=\"size-price\">\u20ac96.95<\/div>\n                                      <div class=\"size-regular-price\">\u20ac110.85<\/div>\n                                  <\/div>\n              <\/div>\n                          <div class=\"size-card\" data-index=\"2\">\n                <div class=\"size-name\">5 Tubes 30g<\/div>\n                <div class=\"size-desc\">For larger sessions and studios<\/div>\n                <div class=\"size-save\">You save 15%<\/div>\n                <div class=\"size-price-row\">\n                  <div class=\"size-price\">\u20ac156.95<\/div>\n                                      <div class=\"size-regular-price\">\u20ac184.75<\/div>\n                                  <\/div>\n              <\/div>\n                          <div class=\"size-card\" data-index=\"3\">\n                <div class=\"size-name\">Starter Bundle<\/div>\n                <div class=\"size-desc\">Everything you need to get started<\/div>\n                <div class=\"size-save\">You save 15%<\/div>\n                <div class=\"size-price-row\">\n                  <div class=\"size-price\">\u20ac114.95<\/div>\n                                      <div class=\"size-regular-price\">\u20ac134.80<\/div>\n                                  <\/div>\n              <\/div>\n                      <\/div>\n\n          <div class=\"np-price-row\">\n            <div class=\"np-price-wrap\">\n              <div class=\"np-price\">\u20ac<span id=\"selectedPrice\">36.95<\/span><\/div>\n              <div id=\"selectedRegularPrice\" class=\"np-regular-price\" style=\"display:none;\">\n                              <\/div>\n            <\/div>\n            <div id=\"priceNote\" class=\"np-note\">\n              Perfect for single sessions              <strong>Free shipping over \u20ac100<\/strong>\n            <\/div>\n          <\/div>\n\n          <button id=\"addToCartBtn\" class=\"np-cart\" data-pid=\"610\">Add to Cart<\/button>\n\n          <div class=\"np-trust\">\n            <span>Premium service<\/span>\n            <span>30-day returns<\/span>\n            <span>Free shipping<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"np-viewall-wrap\">\n        <a class=\"np-viewall-btn\" href=\"https:\/\/nopaincream.com\/en\/products\">View all products<\/a>\n      <\/div>\n\n      <script>\n        window.__npSizePicker = {\"items\":[{\"id\":610,\"label\":\"1 Tube 30g\",\"desc\":\"Perfect for single sessions\",\"popular\":true,\"price\":36.95,\"regular_price\":36.95,\"save_percent\":0,\"image\":\"https:\\\/\\\/nopaincream.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/1-tube-nopain-800x800.webp\"},{\"id\":581,\"label\":\"3 Tubes 30g\",\"desc\":\"Best value for regular clients\",\"popular\":false,\"price\":96.95,\"regular_price\":110.85,\"save_percent\":13,\"image\":\"https:\\\/\\\/nopaincream.com\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/3-tube-nopain-800x800.webp\"},{\"id\":584,\"label\":\"5 Tubes 30g\",\"desc\":\"For larger sessions and studios\",\"popular\":false,\"price\":156.95,\"regular_price\":184.75,\"save_percent\":15,\"image\":\"https:\\\/\\\/nopaincream.com\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/5-tube-spread-nopain-800x800.webp\"},{\"id\":38655,\"label\":\"Starter Bundle\",\"desc\":\"Everything you need to get started\",\"popular\":false,\"price\":114.95,\"regular_price\":134.8,\"save_percent\":15,\"image\":\"https:\\\/\\\/nopaincream.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Tattoo-bundle-nopain-800x800.webp\"}],\"initial\":0,\"strings\":{\"youSavePct\":\"You save %d%\",\"freeShipNote\":\"Free shipping over \\u20ac100\"}};\n      <\/script>\n      <script>\n        (function () {\n          const cfg = window.__npSizePicker;\n          if (!cfg || !cfg.items) return;\n\n          let selectedIdx = cfg.initial || 0;\n          const items = cfg.items;\n          const strings = cfg.strings || {};\n\n          const priceEl  = document.getElementById('selectedPrice');\n          const regEl    = document.getElementById('selectedRegularPrice');\n          const noteEl   = document.getElementById('priceNote');\n          const mainImg  = document.getElementById('mainProductImage');\n          const badge    = document.getElementById('bestsellerBadge');\n          const cartBtn  = document.getElementById('addToCartBtn');\n          const sizeGrid = document.getElementById('sizeGrid');\n\n          function fmt(n) { return Number(n).toFixed(2); }\n          function escHtml(s) {\n            return String(s||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n          }\n\n          function update() {\n            const it = items[selectedIdx];\n            if (!it) return;\n\n            if (priceEl) priceEl.textContent = fmt(it.price);\n            if (regEl) {\n              if (it.regular_price > it.price) {\n                regEl.textContent = '\u20ac' + fmt(it.regular_price);\n                regEl.style.display = 'block';\n              } else {\n                regEl.style.display = 'none';\n              }\n            }\n            if (mainImg) { mainImg.src = it.image; mainImg.alt = it.label; }\n            if (badge)   { badge.style.display = it.popular ? 'inline-flex' : 'none'; }\n            if (noteEl) {\n              const saveTpl  = strings.youSavePct   || 'You save %d%';\n              const freeShip = strings.freeShipNote || 'Free shipping over \u20ac100';\n              const saveLine = it.save_percent > 0 ? saveTpl.replace('%d', it.save_percent) : (it.desc || '');\n              noteEl.innerHTML = escHtml(saveLine) + '<strong>' + escHtml(freeShip) + '<\/strong>';\n            }\n            if (cartBtn) cartBtn.dataset.pid = it.id;\n\n            document.querySelectorAll('.np-section .size-card').forEach(function (el, i) {\n              el.classList.toggle('active', i === selectedIdx);\n            });\n          }\n\n          if (sizeGrid) {\n            sizeGrid.querySelectorAll('.size-card').forEach(function (card) {\n              card.addEventListener('click', function () {\n                selectedIdx = Number(this.dataset.index);\n                update();\n              });\n            });\n          }\n\n          if (cartBtn) {\n            cartBtn.addEventListener('click', function () {\n              const pid = cartBtn.dataset.pid;\n              window.location.href = window.location.pathname + '?add-to-cart=' + pid + '&quantity=1';\n            });\n          }\n        })();\n      <\/script>\n    <\/section>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b416a e-flex e-con-boxed e-con e-parent\" data-id=\"79b416a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dca676 elementor-widget elementor-widget-html\" data-id=\"6dca676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Indl\u00e6ser Roboto i de n\u00f8dvendige v\u00e6gte *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700;900&display=swap');\n\n  .how-it-works {\n    background: #F5F5F5;\n    padding: 36px 0;\n    font-family: 'Roboto', sans-serif; \/* Roboto som standard for hele sektionen *\/\n  }\n\n  .section-header {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 32px;\n    text-align: center;\n    margin-bottom: 64px;\n  }\n\n  .eyebrow {\n    font-family: 'Roboto', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    color: #208233;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 12px;\n  }\n\n  section h2 {\n    font-family: 'Roboto', sans-serif;\n    font-size: 40px;\n    font-weight: 900; \/* Ekstra fed v\u00e6gt *\/\n    color: #243a53;\n    margin: 0;\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n  }\n\n  .steps {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 32px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 32px;\n    position: relative;\n  }\n\n  \/* Gradient connector line *\/\n  .steps::before {\n    content: '';\n    position: absolute;\n    top: 36px;\n    left: 12.5%;\n    right: 12.5%;\n    height: 2px;\n    background: linear-gradient(90deg, #208233, #87b539, #FFD700);\n    z-index: 0;\n  }\n\n  .step {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .step-icon {\n    width: 72px;\n    height: 72px;\n    margin: 0 auto 24px;\n    border-radius: 999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 16px rgba(20,35,54,0.10);\n  }\n\n  \/* Farver p\u00e5 ikoner og baggrunde *\/\n  .step:nth-child(1) .step-icon { background: #208233; }\n  .step:nth-child(2) .step-icon, .step:nth-child(3) .step-icon { background: #fff; border: 2px solid #208233; }\n  .step:nth-child(4) .step-icon { background: #FFD700; }\n\n  .step-icon svg { width: 28px; height: 28px; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n  .step:nth-child(1) .step-icon svg { stroke: #fff; fill: none; }\n  .step:nth-child(2) .step-icon svg, .step:nth-child(3) .step-icon svg { stroke: #208233; fill: none; }\n  .step:nth-child(4) .step-icon svg { stroke: #243a53; fill: none; }\n\n  .step-number {\n    font-family: 'Roboto', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: #208233;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 8px;\n  }\n\n  .step-title {\n    font-family: 'Roboto', sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    color: #243a53;\n    margin-bottom: 8px;\n  }\n\n  .step-description {\n    font-family: 'Roboto', sans-serif;\n    font-size: 14px;\n    color: #666;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .how-it-works { padding: 60px 0; }\n    section h2 { font-size: 28px; }\n    .steps { grid-template-columns: 1fr; gap: 32px; padding: 0 16px; }\n    .steps::before { display: none; }\n    .step-icon { width: 64px; height: 64px; margin: 0 auto 16px; }\n  }\n<\/style>\n\n<section class=\"how-it-works\">\n  <div class=\"section-header\">\n    <div class=\"eyebrow\">How it works<\/div>\n    <h2>Four steps to a pain-free session<\/h2>\n  <\/div>\n\n  <div class=\"steps\">\n    <div class=\"step\">\n      <div class=\"step-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2.69c0 0 6 8 6 12a6 6 0 0 1-12 0c0-4 6-12 6-12z\"\/><\/svg>\n      <\/div>\n      <div class=\"step-number\">Step 01<\/div>\n      <div class=\"step-title\">Apply generously<\/div>\n      <div class=\"step-description\">Cover the area with a thick layer of NoPain cream.<\/div>\n    <\/div>\n\n    <div class=\"step\">\n      <div class=\"step-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n          <path d=\"M9 5H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4\"\/>\n          <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"9\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/><line x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"step-number\">Step 02<\/div>\n      <div class=\"step-title\">Wrap with cling film<\/div>\n      <div class=\"step-description\">Seal with cling film to maximise absorption.<\/div>\n    <\/div>\n\n    <div class=\"step\">\n      <div class=\"step-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"13\" r=\"9\"\/><polyline points=\"12 9 12 13 15 16\"\/><path d=\"M9 2h6\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"step-number\">Step 03<\/div>\n      <div class=\"step-title\">Wait 30-45 minutes<\/div>\n      <div class=\"step-description\">Full numbness activates in as little as 30-45 minutes.<\/div>\n    <\/div>\n\n    <div class=\"step\">\n      <div class=\"step-icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"9\" cy=\"9\" r=\"1.5\"\/><circle cx=\"15\" cy=\"9\" r=\"1.5\"\/><path d=\"M9 14a4 4 0 0 0 6 0\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"step-number\">Step 04<\/div>\n      <div class=\"step-title\">Enjoy your session<\/div>\n      <div class=\"step-description\">Pain-free comfort that lasts up to 5 hours.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-050353c e-flex e-con-boxed e-con e-parent\" data-id=\"050353c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-446415e elementor-widget elementor-widget-html\" data-id=\"446415e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     NoPain\u00ae \u2014 09: Satisfaction Guarantee\n     Kr\u00e6ver i <head>:\n       <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n     ===================================================== -->\n\n<style>\n  \/* \u2500\u2500 Section \u2500\u2500 *\/\n  .np-guarantee {\n    background: #fff;\n    padding: 80px 32px;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n  .np-guarantee *,\n  .np-guarantee *::before,\n  .np-guarantee *::after {\n    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;\n    box-sizing: border-box;\n  }\n  .np-guarantee__inner {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\n  .np-guarantee__header {\n    text-align: center;\n    margin-bottom: 56px;\n  }\n  .np-guarantee__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(32,130,51,0.08);\n    border: 1px solid rgba(32,130,51,0.15);\n    border-radius: 999px;\n    padding: 6px 18px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #208233;\n    letter-spacing: 0.10em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n  .np-guarantee__eyebrow-icon {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n  }\n  .np-guarantee__title {\n    font-size: clamp(32px, 5vw, 48px);\n    font-weight: 900;\n    color: #243a53;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n    margin: 0 0 16px;\n  }\n  .np-guarantee__title span {\n    color: #208233;\n  }\n  .np-guarantee__subtitle {\n    font-size: 17px;\n    color: #666;\n    line-height: 1.6;\n    max-width: 600px;\n    margin: 0 auto;\n  }\n\n  \/* \u2500\u2500 Main card \u2500\u2500 *\/\n  .np-guarantee__card {\n    background: #fff;\n    border-radius: 24px;\n    box-shadow: 0 4px 32px rgba(20,35,54,0.06);\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n  }\n\n  \/* \u2500\u2500 Left side \u2014 shield visual \u2500\u2500 *\/\n  .np-guarantee__visual {\n    background: url('https:\/\/nopaincream.com\/wp-content\/uploads\/2026\/06\/Satisfaction-guarantee-picture.avif') center\/cover no-repeat;\n    padding: 56px 48px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    min-height: 380px;\n  }\n  .np-guarantee__visual::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(20,35,54,0.85) 0%, rgba(20,35,54,0.35) 40%, rgba(20,35,54,0.15) 100%);\n    pointer-events: none;\n  }\n  .np-guarantee__visual-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: #fff;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    margin: 0 0 6px;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 2px 12px rgba(0,0,0,0.4);\n  }\n  .np-guarantee__visual-sub {\n    font-size: 14px;\n    color: rgba(255,255,255,0.75);\n    line-height: 1.5;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 1px 8px rgba(0,0,0,0.3);\n  }\n  .np-guarantee__visual-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: rgba(255,215,0,0.18);\n    border: 1px solid rgba(255,215,0,0.30);\n    border-radius: 999px;\n    padding: 6px 16px;\n    font-size: 12px;\n    font-weight: 700;\n    color: #FFD700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    margin-top: 16px;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 1px 6px rgba(0,0,0,0.3);\n    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);\n  }\n\n  \/* \u2500\u2500 Right side \u2014 content \u2500\u2500 *\/\n  .np-guarantee__content {\n    padding: 48px 48px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .np-guarantee__content-title {\n    font-size: 22px;\n    font-weight: 900;\n    color: #243a53;\n    letter-spacing: -0.02em;\n    line-height: 1.25;\n    margin: 0 0 20px;\n  }\n  .np-guarantee__content-text {\n    font-size: 15px;\n    color: #666;\n    line-height: 1.7;\n    margin: 0 0 28px;\n  }\n\n  \/* \u2500\u2500 Steps \u2500\u2500 *\/\n  .np-guarantee__steps {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n  .np-guarantee__step {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n  }\n  .np-guarantee__step-icon {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n    background: linear-gradient(135deg, #e8f5ec, #d0edda);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .np-guarantee__step-icon svg {\n    width: 18px;\n    height: 18px;\n    stroke: #208233;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .np-guarantee__step-text {\n    padding-top: 7px;\n  }\n  .np-guarantee__step-label {\n    font-size: 14px;\n    font-weight: 700;\n    color: #243a53;\n    line-height: 1.3;\n    margin: 0 0 2px;\n  }\n  .np-guarantee__step-desc {\n    font-size: 13px;\n    color: #888;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* \u2500\u2500 CTA button \u2500\u2500 *\/\n  .np-guarantee__btn {\n    all: unset;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    background: #208233;\n    color: #fff;\n    font-family: 'Roboto', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-align: center;\n    text-decoration: none;\n    padding: 13px 24px;\n    border-radius: 999px;\n    cursor: pointer;\n    transition: background 160ms ease, transform 160ms ease;\n    margin-bottom: 24px;\n  }\n  .np-guarantee__btn:hover { background: #1a6b29; transform: scale(1.02); color: #fff; text-decoration: none; }\n  .np-guarantee__btn:active { transform: scale(0.98); }\n\n  \/* \u2500\u2500 Highlight strip \u2500\u2500 *\/\n  .np-guarantee__highlight {\n    background: linear-gradient(135deg, #e8f5ec, #f0faf2);\n    border: 1px solid #c3e6cc;\n    border-radius: 12px;\n    padding: 14px 18px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .np-guarantee__highlight-icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 8px;\n    background: #208233;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .np-guarantee__highlight-icon svg {\n    width: 16px;\n    height: 16px;\n    stroke: #fff;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .np-guarantee__highlight-text {\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a5c2a;\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .np-guarantee {\n      padding: 56px 20px;\n    }\n    .np-guarantee__card {\n      grid-template-columns: 1fr;\n    }\n    .np-guarantee__visual {\n      padding: 40px 32px;\n    }\n    .np-guarantee__visual-title {\n      font-size: 22px;\n    }\n    .np-guarantee__content {\n      padding: 32px 24px;\n    }\n  }\n  @media (max-width: 480px) {\n    .np-guarantee {\n      padding: 40px 16px;\n    }\n    .np-guarantee__header {\n      margin-bottom: 36px;\n    }\n    .np-guarantee__visual {\n      padding: 32px 24px;\n    }\n    .np-guarantee__content {\n      padding: 24px 20px;\n    }\n    .np-guarantee__content-title {\n      font-size: 19px;\n    }\n  }\n<\/style>\n\n<!-- Guarantee HTML -->\n<section class=\"np-guarantee\">\n  <div class=\"np-guarantee__inner\">\n\n    <!-- Header -->\n    <div class=\"np-guarantee__header\">\n      <div class=\"np-guarantee__eyebrow\">\n        <svg class=\"np-guarantee__eyebrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n        <\/svg>\n        Our promise to you\n      <\/div>\n      <h2 class=\"np-guarantee__title\">100% <span>Satisfaction<\/span> Guarantee<\/h2>\n      <p class=\"np-guarantee__subtitle\">We stand behind every tube we sell. If NoPain\u00ae doesn't meet your expectations, we'll make it right \u2014 no questions asked.<\/p>\n    <\/div>\n\n    <!-- Main card -->\n    <div class=\"np-guarantee__card\">\n\n      <!-- Left \u2014 shield visual -->\n      <div class=\"np-guarantee__visual\">\n        <div class=\"np-guarantee__visual-title\">30-Day Money Back<\/div>\n        <div class=\"np-guarantee__visual-sub\">Full refund if you're not satisfied<\/div>\n        <div class=\"np-guarantee__visual-badge\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z\"\/><\/svg>\n          Risk-free purchase\n        <\/div>\n      <\/div>\n\n      <!-- Right \u2014 content -->\n      <div class=\"np-guarantee__content\">\n        <h3 class=\"np-guarantee__content-title\">Not happy? We've got you covered.<\/h3>\n        <p class=\"np-guarantee__content-text\">\n          If your purchase doesn't live up to your expectations, you can get your money back within 30 days after the order was placed. It's that simple.\n        <\/p>\n\n        <!-- Steps -->\n        <ul class=\"np-guarantee__steps\">\n          <li class=\"np-guarantee__step\">\n            <div class=\"np-guarantee__step-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            <\/div>\n            <div class=\"np-guarantee__step-text\">\n              <p class=\"np-guarantee__step-label\">1. Contact us<\/p>\n              <p class=\"np-guarantee__step-desc\">Reach out to us at info@nopaincream.com with your order number<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"np-guarantee__step\">\n            <div class=\"np-guarantee__step-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"np-guarantee__step-text\">\n              <p class=\"np-guarantee__step-label\">2. Return products<\/p>\n              <p class=\"np-guarantee__step-desc\">Send back remaining products and let us know why it didn't work out for you<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"np-guarantee__step\">\n            <div class=\"np-guarantee__step-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            <\/div>\n            <div class=\"np-guarantee__step-text\">\n              <p class=\"np-guarantee__step-label\">3. Get your refund<\/p>\n              <p class=\"np-guarantee__step-desc\">Your refund will be processed \u2014 hassle-free<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <!-- CTA button -->\n        <a href=\"https:\/\/nopaincream.com\/en\/contactus\/\" class=\"np-guarantee__btn\">Contact us<\/a>\n\n        <!-- Highlight -->\n        <div class=\"np-guarantee__highlight\">\n          <div class=\"np-guarantee__highlight-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <div class=\"np-guarantee__highlight-text\">\n            Every order is protected by our 30-day satisfaction guarantee. Shop with confidence.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92f9837 e-flex e-con-boxed e-con e-parent\" data-id=\"92f9837\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e958509 elementor-widget elementor-widget-html\" data-id=\"e958509\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BENEFITS SECTION -->\n<!-- Left headline + button, right 2x3 grid of benefit cards -->\n\n<style>\n  .benefits {\n    background: #F5F5F5;\n    padding: 30px 0;\n  }\n\n  .benefits-content {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 32px;\n    display: grid;\n    grid-template-columns: 1fr 1.4fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  .benefits-left {\n    padding-top: 40px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    color: #208233;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 12px;\n  }\n\n  .benefits-headline {\n    font-size: 40px;\n    font-weight: 800;\n    color: #243a53;\n    margin: 0 0 20px 0;\n    letter-spacing: -0.02em;\n    line-height: 1.15;\n  }\n\n  .gradient-underline {\n    width: 240px;\n    height: 6px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, rgba(32,130,51,0) 0%, #208233 25%, #87b539 60%, #FFD700 100%);\n    margin-bottom: 28px;\n  }\n\n  .benefits-description {\n    font-size: 16px;\n    line-height: 1.65;\n    color: #666;\n    margin: 0 0 32px 0;\n  }\n\n  .button {\n    font-family: inherit !important;\n    font-weight: 700 !important;\n    border-radius: 25px !important;\n    cursor: pointer !important;\n    letter-spacing: 0.3px !important;\n    transition: all 180ms cubic-bezier(0.2,0,0,1) !important;\n    border: none !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    text-decoration: none !important;\n    font-size: 16px !important;\n  }\n\n  .button.secondary {\n    background: #208233 !important;\n    color: #fff !important;\n    padding: 18px 38px !important;\n  }\n\n  .button.secondary:hover {\n    background: #1a6b29 !important;\n  }\n\n  .button.secondary:visited {\n    color: #fff !important;\n  }\n\n  .button.secondary:active {\n    color: #fff !important;\n  }\n\n  .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n\n  .benefit-card {\n    background: #fff;\n    border-radius: 12px;\n    padding: 28px 24px;\n    box-shadow: 0 2px 8px rgba(20,35,54,0.06);\n  }\n\n  .benefit-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 10px;\n    background: #e6f4e9;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .benefit-icon svg {\n    width: 24px;\n    height: 24px;\n    stroke: #208233;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .benefit-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #243a53;\n    margin-bottom: 10px;\n  }\n\n  .benefit-description {\n    font-size: 14px;\n    color: #666;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 768px) {\n    .benefits {\n      padding: 60px 0;\n    }\n\n    .benefits-content {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      padding: 0 16px;\n    }\n\n    .benefits-headline {\n      font-size: 28px;\n    }\n\n    .benefits-grid {\n      grid-template-columns: 1fr;\n    }\n\n    \/* Viser kun de f\u00f8rste 3 fordele p\u00e5 mobil *\/\n    .benefit-card:nth-child(n+4) {\n      display: none;\n    }\n  }\n<\/style>\n\n<section class=\"benefits\">\n  <div class=\"benefits-content\">\n    <!-- Left Column: Headline + CTA -->\n    <div class=\"benefits-left\">\n      <div class=\"eyebrow\">Why NoPain<\/div>\n      <h2 class=\"benefits-headline\">Engineered for the studio. Made for the client.<\/h2>\n      <div class=\"gradient-underline\"><\/div>\n      <p class=\"benefits-description\">\n        NoPain isn't just another numbing cream. Every ingredient, concentration, and texture was chosen in collaboration with professional tattoo artists.\n      <\/p>\n      <a href=\"\/products\" class=\"button secondary\">Discover the formula<\/a>\n    <\/div>\n\n    <!-- Right Column: 6 Benefit Cards (3 visible on mobile) -->\n    <div class=\"benefits-grid\">\n      <!-- Card 1 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <polyline points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Fast-acting formula<\/div>\n        <div class=\"benefit-description\">Activates in 20 minutes \u2014 not hours like other creams. Maximum absorption, no waiting.<\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M12 2.69c0 0 6 8 6 12a6 6 0 0 1-12 0c0-4 6-12 6-12z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Water-based & clean<\/div>\n        <div class=\"benefit-description\">Won't affect ink uptake or skin texture. The only numbing cream professional artists trust.<\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Long-lasting relief<\/div>\n        <div class=\"benefit-description\">Up to 5 hours of continuous comfort. One application covers even the longest sessions.<\/div>\n      <\/div>\n\n      <!-- Card 4 (Skjult p\u00e5 mobil) -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M3.5 8.5a8 8 0 0 1 13.9-2.7M20.5 15.5a8 8 0 0 1-14 2.7\"\/>\n            <path d=\"M12 2v4m0 12v4\"\/>\n            <path d=\"M8 12h8\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Risk-Free Guarantee<\/div>\n        <div class=\"benefit-description\">100% money-back satisfaction guarantee. Dedicated customer support & trust in a stable brand.<\/div>\n      <\/div>\n\n      <!-- Card 5 (Skjult p\u00e5 mobil) -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Artist-grade strength<\/div>\n        <div class=\"benefit-description\">4% lidocaine \u2014 the maximum strength available without a prescription.<\/div>\n      <\/div>\n\n      <!-- Card 6 (Skjult p\u00e5 mobil) -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"benefit-title\">Works for all procedures<\/div>\n        <div class=\"benefit-description\">Perfect for tattoos, piercings, laser treatments, waxing, permanent makeup, and more.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a0ecb6 e-flex e-con-boxed e-con e-parent\" data-id=\"6a0ecb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151e875 elementor-widget elementor-widget-html\" data-id=\"151e875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Reviews Section -->\n<style>\n@media (max-width: 768px) {\n  .reviews-section { padding: 32px 0 !important; }\n  .reviews-inner { padding: 0 16px !important; }\n  .reviews-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; margin-bottom: 20px !important; }\n  .reviews-heading { font-size: 28px !important; }\n  .reviews-score-box {\n    width: 100% !important;\n    padding: 12px 16px !important;\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: 12px !important;\n    text-align: left !important;\n    border-radius: 12px !important;\n  }\n  .reviews-score-number { font-size: 28px !important; line-height: 1 !important; white-space: nowrap !important; }\n  .reviews-score-stars { margin: 3px 0 !important; justify-content: flex-start !important; }\n  .reviews-score-stars span { font-size: 14px !important; }\n  .reviews-score-count { margin-top: 2px !important; font-size: 12px !important; }\n  .reviews-grid {\n    display: flex !important;\n    overflow-x: auto !important;\n    scroll-snap-type: x mandatory !important;\n    -webkit-overflow-scrolling: touch !important;\n    scrollbar-width: none !important;\n    gap: 12px !important;\n    padding-bottom: 8px !important;\n    margin: 0 -16px !important;\n    padding-left: 16px !important;\n    padding-right: 16px !important;\n    scroll-padding-left: 16px !important;\n  }\n  .reviews-grid::-webkit-scrollbar { display: none; }\n  .review-card {\n    flex: 0 0 calc(100vw - 44px) !important;\n    scroll-snap-align: start !important;\n    min-width: 0 !important;\n  }\n  .reviews-dots { display: flex !important; }\n}\n.reviews-dots {\n  display: none;\n  justify-content: center;\n  gap: 6px;\n  margin-top: 14px;\n}\n.reviews-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 999px;\n  background: #ddd;\n  transition: all 250ms;\n  cursor: pointer;\n}\n.reviews-dot.active {\n  background: #208233;\n  width: 20px;\n}\n<\/style>\n\n<section class=\"reviews-section\" style=\"background: #243a53; padding: 30px 0;\">\n  <div class=\"reviews-inner\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 32px;\">\n\n    <div class=\"reviews-header\" style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; flex-wrap: wrap; gap: 24px;\">\n      <div>\n        <div style=\"font-size: 12px; font-weight: 700; color: #208233; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px;\">Reviews<\/div>\n        <h2 class=\"reviews-heading\" style=\"font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 900; color: #FFF; letter-spacing: -0.02em; margin: 0;\">What customers say<\/h2>\n      <\/div>\n      <div class=\"reviews-score-box\" style=\"text-align: center; background: #f5f5f5; border-radius: 16px; padding: 24px 36px;\">\n        <div class=\"reviews-score-number\" style=\"font-size: 56px; font-weight: 900; color: #243a53; line-height: 1;\">4.5<\/div>\n        <div>\n          <div class=\"reviews-score-stars\" style=\"display: flex; gap: 2px; justify-content: center; margin: 12px 0;\">\n            <span style=\"color: #FFD700; font-size: 18px;\">\u2605<\/span>\n            <span style=\"color: #FFD700; font-size: 18px;\">\u2605<\/span>\n            <span style=\"color: #FFD700; font-size: 18px;\">\u2605<\/span>\n            <span style=\"color: #FFD700; font-size: 18px;\">\u2605<\/span>\n            <span style=\"color: #FFD700; font-size: 18px;\">\u2605<\/span>\n          <\/div>\n          <div class=\"reviews-score-count\" style=\"font-size: 13px; color: #999; margin-top: 6px;\">195 reviews<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"reviews-grid\" id=\"reviews-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\">\n\n      <!-- Card 1: Tomas (dark) -->\n      <div class=\"review-card\" style=\"background: #fff; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"Used NoPain at the tattoo studio. A part of a full sleeve \u2014 arm fold, elbow and wrist. This session lasted five hours WITHOUT pain! This is a PAINKILLER......\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Tomas<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Tina -->\n      <div class=\"review-card\" style=\"background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"I really recommend this cream. I was having permanent pigment with knives on the eyebrows and used this cream and I really could not feel anything \u2013 NO PAIN at all. Highly recommendable.\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Tina<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Anonymous -->\n      <div class=\"review-card\" style=\"background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"I and my clients were very pleased with the NoPain cream. They all said they could not feel any pain when I did the microblading. I only left it on for 30 mins. Very impressed with this product.\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Anonymous<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4: Shimey -->\n      <div class=\"review-card\" style=\"background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"Really fast shipping and an excellent product. I'm really slim so there's not much between my skin and my bones \u2014 this product meant I could handle 6hrs+ work on my ribs. I'd definitely recommend it to anyone getting a tattoo in a sensitive spot.\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Shimey<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 5: Anna -->\n      <div class=\"review-card\" style=\"background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"This cream has changed my life! The first time I got a tattoo on my calf, I cried from the pain. A month later I needed the other one done \u2014 I found NoPain and decided to try it. It was amazing! I was able to just relax while being tattooed.\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Anna<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 6: Sari -->\n      <div class=\"review-card\" style=\"background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 24px; box-shadow: 0 4px 12px rgba(20,35,54,0.08); display: flex; flex-direction: column; gap: 14px;\">\n        <div style=\"display: flex; gap: 2px;\"><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><span style=\"color: #FFD700;\">\u2605<\/span><\/div>\n        <p style=\"font-size: 15px; line-height: 1.65; color: #666; margin: 0; flex: 1;\">\"Wow, got tattooed for 4 hours yesterday with zero pain. I applied the cream at noon and left it on for 1.5 hours. Got tattooed until 6pm and my arm was still completely numb. Can only recommend it!!! Never again without it.\"<\/p>\n        <div style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\n          <div><div style=\"font-size: 14px; font-weight: 700; color: #243a53;\">Sari<\/div><div style=\"font-size: 11px; color: #999;\">Verified buyer<\/div><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Scroll dots (mobile only) -->\n    <div class=\"reviews-dots\" id=\"reviews-dots\"><\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var grid = document.getElementById('reviews-grid');\n  var dotsWrap = document.getElementById('reviews-dots');\n  if (!grid || !dotsWrap) return;\n\n  var cards = grid.querySelectorAll('.review-card');\n  var count = cards.length;\n  var current = 0;\n\n  function buildDots() {\n    dotsWrap.innerHTML = '';\n    for (var i = 0; i < count; i++) {\n      var d = document.createElement('div');\n      d.className = 'reviews-dot' + (i === 0 ? ' active' : '');\n      (function(idx) {\n        d.addEventListener('click', function() {\n          cards[idx].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });\n        });\n      })(i);\n      dotsWrap.appendChild(d);\n    }\n  }\n\n  function updateDots(idx) {\n    var dots = dotsWrap.querySelectorAll('.reviews-dot');\n    dots.forEach(function(d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n  }\n\n  grid.addEventListener('scroll', function () {\n    var cardW = cards[0] ? cards[0].offsetWidth + 12 : 1;\n    var idx = Math.round(grid.scrollLeft \/ cardW);\n    if (idx !== current) { current = idx; updateDots(idx); }\n  }, { passive: true });\n\n  buildDots();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82a3e34 e-flex e-con-boxed e-con e-parent\" data-id=\"82a3e34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23f3fd9 elementor-widget elementor-widget-html\" data-id=\"23f3fd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FAQ ACCORDION SECTION -->\n<!-- 6 frequently asked questions with expandable answers -->\n\n<style>\n  .faq {\n    background: #F5F5F5;\n    padding: 30px 0;\n  }\n\n  .faq-content {\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n\n  \/* Section Header *\/\n  .section-header {\n    text-align: center;\n  }\n\n  .eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    color: #208233;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 12px;\n  }\n\n  section h2 {\n    font-size: 40px;\n    font-weight: 800;\n    color: #243a53;\n    margin: 0;\n    letter-spacing: -0.02em;\n  }\n\n  .faq-items {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .faq-item {\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 1px 3px rgba(20,35,54,0.06);\n    background: transparent;\n  }\n\n  .faq-question {\n    background: #fff !important;\n    color: #243a53 !important;\n    padding: 18px 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    font-weight: 700 !important;\n    font-size: 15px !important;\n    cursor: pointer !important;\n    transition: all 200ms !important;\n    border: none !important;\n    outline: none !important;\n    width: 100% !important;\n    text-align: left !important;\n    font-family: inherit !important;\n    margin: 0 !important;\n    border-radius: 10px !important;\n  }\n\n  .faq-question:hover {\n    background: #f5f5f5 !important;\n  }\n\n  \/* When accordion is open *\/\n  .faq-item.open .faq-question {\n    background: #243a53 !important;\n    color: #fff !important;\n    border-radius: 10px 10px 0 0 !important;\n  }\n\n  .faq-chevron {\n    display: inline-flex;\n    transition: transform 200ms;\n    opacity: 0.7;\n    width: 18px;\n    height: 18px;\n    stroke: currentColor;\n    fill: none;\n    flex-shrink: 0;\n  }\n\n  .faq-item.open .faq-chevron {\n    transform: rotate(180deg);\n  }\n\n  .faq-answer {\n    background: #fff;\n    padding: 20px;\n    font-size: 15px;\n    color: #555;\n    line-height: 1.65;\n    display: none;\n    border-top: none;\n    margin: 0;\n  }\n\n  .faq-item.open .faq-answer {\n    display: block;\n    border-radius: 0 0 10px 10px;\n  }\n\n  @media (max-width: 768px) {\n    .faq {\n      padding: 60px 0;\n    }\n\n    section h2 {\n      font-size: 28px;\n    }\n\n    .faq-content {\n      padding: 0 16px;\n    }\n\n    .faq-question {\n      font-size: 14px;\n      padding: 16px 16px;\n    }\n\n    .faq-answer {\n      font-size: 14px;\n      padding: 12px 16px 16px;\n    }\n  }\n<\/style>\n\n<section class=\"faq\">\n  <div class=\"faq-content\">\n    <!-- Section Header -->\n    <div class=\"section-header\" style=\"margin-bottom: 48px;\">\n      <div class=\"eyebrow\">FAQ<\/div>\n      <h2>Frequently asked<\/h2>\n    <\/div>\n\n    <!-- FAQ Items -->\n    <div class=\"faq-items\">\n      <!-- Question 1 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(0)\">\n        <button class=\"faq-question\">\n          <span>What is the Original NoPain\u00ae Cream<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          \u2022 <strong>Premium Formula:<\/strong> A water-based anesthetic specifically formulated to eliminate pain during tattoos, piercings, permanent makeup, and laser treatments.<br><br>\n          \u2022 <strong>Complete Comfort:<\/strong> For many, the fear of pain is the most daunting part. We remove that fear so you can get your treatment with total peace of mind.<br><br>\n          \u2022 <strong>Fast-Acting Relief:<\/strong> Whether you are sitting for a quick piercing or a full-day tattoo session, our cream ensures you won't have to worry about the pain.<br><br>\n          \u2022 <strong>Get Your Dream Tattoo:<\/strong> With NoPain Cream, the only thing holding you back is your imagination, not the pain.\n        <\/div>\n      <\/div>\n\n      <!-- Question 2 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(1)\">\n        <button class=\"faq-question\">\n          <span>The Purpose Behind NoPain\u00ae Cream<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          <strong>Removing the Barrier:<\/strong> We believe the fear of the needle should never stand in the way of getting the body art or piercing you want.<br><br>\n          \u2022 <strong>Our Mission:<\/strong> To provide a reliable, maximum-strength solution that guarantees a completely flawless and painless experience every time.<br><br>\n          \u2022 <strong>Empowering You:<\/strong> We want you to feel comfortable and confident, allowing you to sit relaxed through your entire session.<br><br>\n          \u2022 <strong>Better for the Artist:<\/strong> By eliminating the pain, your artist can focus purely on creating their best work without interruptions or stress.\n        <\/div>\n      <\/div>\n\n      <!-- Question 3 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(2)\">\n        <button class=\"faq-question\">\n          <span>What is the active ingredient and is it safe?<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          <strong>The active ingredient in NoPain\u00ae is 5% Lidocaine.<\/strong><br><br>\n          \u2022 <strong>Maximum Strength:<\/strong> The highest concentration available without a prescription for guaranteed pain relief.<br><br>\n          \u2022 <strong>Medically Proven:<\/strong> A universally trusted and safe local anesthetic.<br><br>\n          \u2022 <strong>Tattoo Safe:<\/strong> A water-based formula enriched with Vitamin E that protects the skin and never interferes with the artist's ink or the healing process.\n        <\/div>\n      <\/div>\n\n      <!-- Question 4 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(3)\">\n        <button class=\"faq-question\">\n          <span>Will it affect the tattoo quality or the healing?<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          <strong>No, absolutely not:<\/strong> Developed specifically for tattoos to ensure 100% flawless results.<br><br>\n          \u2022 <strong>Water-based formula:<\/strong> Absorbs quickly without leaving a greasy residue, ensuring the ink is accepted exactly as it should be.<br><br>\n          \u2022 <strong>Tattoo artist friendly:<\/strong> Does not alter the skin's structure, surface, or elasticity \u2013 your artist can work completely normally.<br><br>\n          \u2022 <strong>Supports healing:<\/strong> Enriched with skin-nourishing Vitamin E, which soothes the skin and creates the optimal foundation for a perfect healing process.\n        <\/div>\n      <\/div>\n\n      <!-- Question 5 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(4)\">\n        <button class=\"faq-question\">\n          <span>Can I use NoPain for piercings and laser treatments too?<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          <strong>Yes! NoPain Cream is formulated for anyone expecting a certain level of pain during skin and cosmetic procedures.<\/strong> It is a highly trusted pain-relief tool for a wide variety of treatments, including:<br><br>\n          \u2022 Tattoos & Piercings<br>\n          \u2022 Laser Hair Removal & Waxing<br>\n          \u2022 Permanent Makeup (PMU)<br>\n          \u2022 Vaccinations & Injections\n        <\/div>\n      <\/div>\n\n      <!-- Question 6 -->\n      <div class=\"faq-item\" onclick=\"toggleFaq(5)\">\n        <button class=\"faq-question\">\n          <span>How long does the numbing effect actually last?<\/span>\n          <svg class=\"faq-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"faq-answer\">\n          \u2022 <strong>Up to 3-5 hours:<\/strong> When applied correctly, you can expect long-lasting, complete pain relief that easily covers most tattoo, piercing, or cosmetic sessions.<br><br>\n          \u2022 <strong>Preparation is key:<\/strong> To achieve the maximum duration, it is crucial to apply a thick layer and keep it wrapped in cling film for 30-45 minutes before your appointment begins.<br><br>\n          \u2022 <strong>Individual variations:<\/strong> The exact duration can vary slightly depending on your specific skin type and the body area. Because everyone's skin reacts differently, your purchase is backed by our 100% Satisfaction Guarantee \u2013 if you are not completely satisfied with the numbing result, we will make it right.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  function toggleFaq(index) {\n    const items = document.querySelectorAll('.faq-item');\n    const item = items[index];\n    \n    \/\/ Close all other items\n    items.forEach((i, idx) => {\n      if (idx !== index) {\n        i.classList.remove('open');\n      }\n    });\n\n    \/\/ Toggle current item\n    item.classList.toggle('open');\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Europe&#8217;s #1 Numbing Cream The Ultimate Pain\u2011FreeExperience. Trusted by 50,000+ artists worldwide. Up to 5 hours of relief \u2014 won&#8217;t affect the ink. Shop Now \u2192 Tube Calculator Tube Calculator 1. Number of Sessions 1 Session 2\u20133 Sessions 4+ Sessions 2. Tattoo Size Small(Wrist\/Ankle) Medium(Half Sleeve) Large(Full Sleeve) X-Large(Full Back) \u2014 Your Recommendation Adjust the [&hellip;]<\/p>\n","protected":false},"author":4264,"featured_media":0,"parent":160461,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-161125","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/pages\/161125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/users\/4264"}],"replies":[{"embeddable":true,"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/comments?post=161125"}],"version-history":[{"count":3,"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/pages\/161125\/revisions"}],"predecessor-version":[{"id":164157,"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/pages\/161125\/revisions\/164157"}],"up":[{"embeddable":true,"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/pages\/160461"}],"wp:attachment":[{"href":"https:\/\/nopaincream.com\/en\/wp-json\/wp\/v2\/media?parent=161125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}