{"id":225,"date":"2026-03-10T15:27:35","date_gmt":"2026-03-10T15:27:35","guid":{"rendered":"https:\/\/keytopbarefootshoes.com\/"},"modified":"2026-08-24T13:37:39","modified_gmt":"2026-08-24T13:37:39","slug":"services","status":"publish","type":"page","link":"https:\/\/keytopbarefootshoes.com\/sv\/services\/","title":{"rendered":"Tj\u00e4nster"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ============================================================\n     SECTION 1 \u2014 HERO\n     Page: \/services\/\n     Class prefix: kt-svc-hero\n     BG: #1A1A1A + video overlay\n     AIDA: Attention\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-hero-wrap),\n.et_pb_row:has(.kt-svc-hero-wrap),\n.et_pb_column:has(.kt-svc-hero-wrap),\n.et_pb_code:has(.kt-svc-hero-wrap),\n.et_pb_code_inner:has(.kt-svc-hero-wrap) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO SECTION \u2014 kt-svc-hero\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero {\n  position: relative;\n  width: 100%;\n  min-height: 84vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: #1A1A1A;\n}\n\n\/* \u2014 background video \/ poster fallback \u2014 *\/\n.kt-svc-hero__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  object-position: center 35%;\n  z-index: 0;\n}\n\n\/* \u2014 dark gradient overlay \u2014 *\/\n.kt-svc-hero__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(\n    135deg,\n    rgba(26,26,26,0.78) 0%,\n    rgba(26,26,26,0.52) 50%,\n    rgba(26,26,26,0.72) 100%\n  );\n}\n\n\/* \u2014 content wrapper \u2014 *\/\n.kt-svc-hero__inner {\n  position: relative;\n  z-index: 2;\n  flex: 1;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: clamp(56px,8vw,108px) clamp(20px,5vw,64px) clamp(64px,9vw,120px);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n\/* \u2500\u2500 eyebrow \u2500\u2500 *\/\n.kt-svc-hero__eyebrow {\n  display: inline-block;\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.55);\n  margin: 0 0 20px;\n}\n\n\/* \u2500\u2500 H1 \u2014 pure white only, no color highlights \u2500\u2500 *\/\n.kt-svc-hero__h1 {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: clamp(34px,5.4vw,62px);\n  font-weight: 800;\n  line-height: 1.07;\n  letter-spacing: -0.03em;\n  color: #ffffff;\n  margin: 0 0 20px;\n  max-width: 860px;\n}\n\n\/* \u2500\u2500 sub-line \u2500\u2500 *\/\n.kt-svc-hero__sub {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: clamp(15px,1.5vw,17.5px);\n  font-weight: 400;\n  line-height: 1.72;\n  color: rgba(255,255,255,0.82);\n  margin: 0 0 36px;\n  max-width: 580px;\n}\n.kt-svc-hero__sub strong {\n  color: #fff;\n  font-weight: 700;\n}\n\n\/* \u2500\u2500 CTA row \u2014 exactly 2 \u2500\u2500 *\/\n.kt-svc-hero__ctas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  align-items: center;\n  margin-bottom: 40px;\n}\n\n\/* Primary \u2014 forest green *\/\n.kt-svc-hero__cta-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  height: 50px;\n  padding: 0 28px;\n  background: #2D5016;\n  color: #fff;\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  border-radius: 8px;\n  border: 2px solid #2D5016;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n  white-space: nowrap;\n}\n.kt-svc-hero__cta-primary:hover {\n  background: #1F370F;\n  border-color: #1F370F;\n  transform: translateY(-2px);\n  color: #fff;\n  text-decoration: none;\n}\n\n\/* Secondary \u2014 ghost white *\/\n.kt-svc-hero__cta-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  height: 50px;\n  padding: 0 26px;\n  background: transparent;\n  color: #fff;\n  border: 2px solid rgba(255,255,255,0.52);\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  border-radius: 8px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n  white-space: nowrap;\n}\n.kt-svc-hero__cta-secondary:hover {\n  background: rgba(255,255,255,0.12);\n  border-color: rgba(255,255,255,0.88);\n  transform: translateY(-2px);\n  color: #fff;\n  text-decoration: none;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TRUST BAR\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero__trust {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.12);\n  padding-top: 28px;\n}\n\n.kt-svc-hero__trust-item {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  padding: 0 28px 0 0;\n  margin: 0 28px 16px 0;\n  border-right: 1px solid rgba(255,255,255,0.14);\n}\n.kt-svc-hero__trust-item:last-child {\n  border-right: none;\n  padding-right: 0;\n  margin-right: 0;\n}\n\n.kt-svc-hero__trust-label {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.45);\n}\n.kt-svc-hero__trust-value {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.92);\n  letter-spacing: -0.01em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BREADCRUMB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero__breadcrumb {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  background: rgba(0,0,0,0.30);\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n.kt-svc-hero__breadcrumb-inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 12px clamp(20px,5vw,64px);\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.kt-svc-hero__breadcrumb a,\n.kt-svc-hero__breadcrumb span {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 12px;\n  color: rgba(255,255,255,0.50);\n  text-decoration: none;\n}\n.kt-svc-hero__breadcrumb a:hover { color: rgba(255,255,255,0.85); }\n.kt-svc-hero__breadcrumb .sep { color: rgba(255,255,255,0.28); }\n.kt-svc-hero__breadcrumb .current { color: rgba(255,255,255,0.75); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 640px) {\n  .kt-svc-hero { min-height: 72vh; }\n  .kt-svc-hero__bg { object-position: center center; }\n  .kt-svc-hero__trust { gap: 0; }\n  .kt-svc-hero__trust-item {\n    flex: 0 0 calc(50% - 14px);\n    border-right: none !important;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n    padding: 12px 0;\n    margin: 0;\n  }\n  .kt-svc-hero__trust-item:nth-child(odd) {\n    padding-right: 16px;\n    border-right: 1px solid rgba(255,255,255,0.10) !important;\n  }\n}\n<\/style>\n\n<div class=\"kt-svc-hero-wrap\">\n\n  <section class=\"kt-svc-hero\" aria-label=\"Hj\u00e4lte f\u00f6r tj\u00e4nster\">\n\n    <!-- Background video \u2014 aria-hidden: purely decorative -->\n    <video\n      class=\"kt-svc-hero__bg\"\n      src=\"\/wp-content\/uploads\/2026\/03\/keytop-factory.webm\"\n      poster=\"\/wp-content\/uploads\/2026\/03\/hero-poster.jpg\"\n      autoplay\n muted\n loop\n playsinline\n preload=\"auto\"\n      aria-hidden=\"true\"\n    ><\/video>\n\n    <!-- Dark overlay -->\n    <div class=\"kt-svc-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n    <!-- Content -->\n    <div class=\"kt-svc-hero__inner\">\n\n      <!-- Eyebrow -->\n      <span class=\"kt-svc-hero__eyebrow\">\n        Tillverkare av barfotaskor \u00b7 Jinjiang, Kina \u00b7 Grundat 2006\n      <\/span>\n\n      <!-- H1: pure white, no color highlights -->\n      <h1 class=\"kt-svc-hero__h1\">\n        OEM- och ODM-tillverkning av barfotaskor - fr\u00e5n 500 par\n      <\/h1>\n\n      <!-- Subline -->\n      <p class=\"kt-svc-hero__sub\">\n        Bygg fr\u00e5n din specifikation eller v\u00e4lj en basmodell. <strong>OEM- och ODM-st\u00f6d, ISO 9001-produktion,<\/strong>\n        och en namngiven projektkontakt fr\u00e5n f\u00f6rsta prov till bulkleverans.\n      <\/p>\n\n      <!-- CTAs \u2014 exactly 2: primary green + ghost secondary -->\n      <div class=\"kt-svc-hero__ctas\">\n        <a href=\"\/contact\/\" class=\"kt-svc-hero__cta-primary\">\n          Diskutera ditt projekt\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M2.5 7h9M7.5 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"\/barefoot-shoes\/\" class=\"kt-svc-hero__cta-secondary\">\n          Visa produktkatalog\n        <\/a>\n      <\/div>\n\n      <!-- Trust bar: 4 data points -->\n      <div class=\"kt-svc-hero__trust\" role=\"list\" aria-label=\"Viktiga fakta om tj\u00e4nsterna\">\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Rutter<\/span>\n          <span class=\"kt-svc-hero__trust-value\">OEM - ODM<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Certifierad<\/span>\n          <span class=\"kt-svc-hero__trust-value\">ISO 9001 - BSCI - Sedex - GRS<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">MOQ<\/span>\n          <span class=\"kt-svc-hero__trust-value\">500 par \/ f\u00e4rg \/ stil<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Prover<\/span>\n          <span class=\"kt-svc-hero__trust-value\">7-14 dagar<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div><!-- \/.kt-svc-hero__inner -->\n\n    <!-- Breadcrumb -->\n    <nav class=\"kt-svc-hero__breadcrumb\" aria-label=\"Br\u00f6dsmula\">\n      <div class=\"kt-svc-hero__breadcrumb-inner\">\n        <a href=\"\/\">Hem<\/a>\n        <span class=\"sep\" aria-hidden=\"true\">\/<\/span>\n        <span class=\"current\" aria-current=\"page\">Tillverkningstj\u00e4nster<\/span>\n      <\/div>\n    <\/nav>\n\n  <\/section>\n\n<\/div><!-- \/.kt-svc-hero-wrap -->\n<!-- ============================================================\n     SECTION 2 \u2014 ROUTE SELECTOR\n     Page: \/services\/\n     Class prefix: kt-svc-route\n     BG: #F1F1F0\n     AIDA: Attention \u2192 Interest (buyer self-identifies OEM or ODM)\n     SERP EDGE: No competitor has this \u2014 DoingShoes = flat list,\n                Vivobarefoot wholesale = contact form only.\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-route),\n.et_pb_row:has(.kt-svc-route),\n.et_pb_column:has(.kt-svc-route),\n.et_pb_code:has(.kt-svc-route),\n.et_pb_code_inner:has(.kt-svc-route) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n\/* \u2500\u2500 Inner container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 2-col grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n\n@media (max-width: 767px) {\n  .kt-svc-route__grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2500\u2500 Route card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card {\n  background: #FFFFFF;\n  border: 1px solid #E5E5E3;\n  border-radius: 12px;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  transition: box-shadow 250ms ease, transform 250ms ease;\n}\n\n.kt-svc-route__card:hover {\n  box-shadow: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Route type tag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n  width: fit-content;\n}\n\n.kt-svc-route__tag--oem {\n  background: rgba(45, 80, 22, 0.10);\n  color: #2D5016;\n}\n\n.kt-svc-route__tag--odm {\n  background: rgba(74, 74, 69, 0.10);\n  color: #4A4A45;\n}\n\n\/* \u2500\u2500 Card headline \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card-headline {\n  font-size: 20px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 20px 0;\n  line-height: 1.3;\n}\n\n\/* \u2500\u2500 Best-for label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #9C9C95;\n  margin-bottom: 8px;\n}\n\n\/* \u2500\u2500 Bullet list \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.kt-svc-route__list li {\n  font-size: 14.5px;\n  line-height: 1.5;\n  color: #4A4A45;\n  padding-left: 18px;\n  position: relative;\n}\n\n.kt-svc-route__list li::before {\n  content: '\u2192';\n  position: absolute;\n  left: 0;\n  color: #2D5016;\n  font-size: 12px;\n  top: 2px;\n}\n\n.kt-svc-route__card--odm .kt-svc-route__list li::before {\n  color: #4A4A45;\n}\n\n\/* \u2500\u2500 Key facts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__facts {\n  background: #F1F1F0;\n  border-radius: 8px;\n  padding: 16px;\n  margin-bottom: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.kt-svc-route__fact {\n  font-size: 13.5px;\n  color: #4A4A45;\n  display: flex;\n  gap: 6px;\n}\n\n.kt-svc-route__fact strong {\n  color: #1A1A1A;\n  min-width: 130px;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Card CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 20px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n  width: fit-content;\n  margin-top: auto;\n  transition: background 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-route__card-cta--oem {\n  background: transparent;\n  border: 2px solid #2D5016;\n  color: #2D5016;\n}\n.kt-svc-route__card-cta--oem:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n.kt-svc-route__card-cta--odm {\n  background: transparent;\n  border: 2px solid #4A4A45;\n  color: #4A4A45;\n}\n.kt-svc-route__card-cta--odm:hover {\n  background: #4A4A45;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 Selector footer note \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__footer-note {\n  text-align: center;\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n}\n\n.kt-svc-route__footer-note a {\n  color: #2D5016;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n<\/style>\n\n<section class=\"kt-svc-route\" aria-label=\"V\u00e4lj din tillverkningsv\u00e4g\">\n  <div class=\"kt-svc-route__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-route__eyebrow\">Tv\u00e5 tillverkningsv\u00e4gar<\/div>\n\n    <!-- H2 \u2014 speakable selector -->\n    <h2 class=\"kt-svc-route__h2\">\n      OEM eller ODM? Hitta din v\u00e4g p\u00e5 30 sekunder.\n    <\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-route__sub\">\n      B\u00e5da v\u00e4garna anv\u00e4nder v\u00e5rt ISO 9001-produktionssystem och startar fr\u00e5n en MOQ p\u00e5 500 par per f\u00e4rg och stil. Den praktiska skillnaden \u00e4r var produktdesignen b\u00f6rjar.\n    <\/p>\n\n    <!-- 2-col matcher -->\n    <div class=\"kt-svc-route__grid\">\n\n      <!-- Column A: OEM -->\n      <div class=\"kt-svc-route__card\">\n\n        <div class=\"kt-svc-route__tag kt-svc-route__tag--oem\">\n          OEM - Din specifikation\n        <\/div>\n\n        <h3 class=\"kt-svc-route__card-headline\">\n          Du tar fram designen. Vi tillverkar den.\n        <\/h3>\n\n        <div class=\"kt-svc-route__label\">L\u00e4mplig f\u00f6r<\/div>\n        <ul class=\"kt-svc-route__list\">\n          <li>Varum\u00e4rken med ett befintligt tech pack, en referenssko eller en konceptskiss<\/li>\n          <li>K\u00f6pare som beh\u00f6ver projektstyrd kontroll \u00f6ver m\u00e5tt, material och konstruktion<\/li>\n          <li>M\u00e4rken som beh\u00f6ver designr\u00e4ttigheter och verktygsvillkor dokumenterade i projektavtalet<\/li>\n        <\/ul>\n\n        <div class=\"kt-svc-route__label\">Viktiga fakta<\/div>\n        <div class=\"kt-svc-route__facts\">\n          <div class=\"kt-svc-route__fact\">\n            <strong>Ledtid f\u00f6r provtagning:<\/strong>\n            7\u201314 dagar f\u00f6r prover\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Verktyg f\u00f6r gjutning:<\/strong>\n            Pris anges n\u00e4r ny verktygstillverkning kr\u00e4vs\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Anpassning:<\/strong>\n            Definieras genom genomf\u00f6rbarhetsgranskning och godk\u00e4nd specifikation\n          <\/div>\n        <\/div>\n\n        <a href=\"#oem\" class=\"kt-svc-route__card-cta kt-svc-route__card-cta--oem\">\n          Detaljer om OEM-tj\u00e4nster \u2192\n        <\/a>\n      <\/div>\n\n      <!-- Column B: ODM -->\n      <div class=\"kt-svc-route__card kt-svc-route__card--odm\">\n\n        <div class=\"kt-svc-route__tag kt-svc-route__tag--odm\">\n          ODM - V\u00e5r basmodell\n        <\/div>\n\n        <h3 class=\"kt-svc-route__card-headline\">\n          V\u00e4lj v\u00e5r bas. G\u00f6r den till din egen.\n        <\/h3>\n\n        <div class=\"kt-svc-route__label\">L\u00e4mplig f\u00f6r<\/div>\n        <ul class=\"kt-svc-route__list\">\n          <li>Nya varum\u00e4rken, crowdfunding-grundare eller Amazon-s\u00e4ljare som lanserar en f\u00f6rsta SKU<\/li>\n          <li>K\u00f6pare som vill utg\u00e5 fr\u00e5n en befintlig basmodellkonstruktion<\/li>\n          <li>Projekt som fokuserar p\u00e5 material-, f\u00e4rg-, varum\u00e4rkes- och f\u00f6rpacknings\u00e4ndringar<\/li>\n        <\/ul>\n\n        <div class=\"kt-svc-route__label\">Viktiga fakta<\/div>\n        <div class=\"kt-svc-route__facts\">\n          <div class=\"kt-svc-route__fact\">\n            <strong>Ledtid f\u00f6r provtagning:<\/strong>\n            7-14 dagar (basform finns)\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Verktyg f\u00f6r gjutning:<\/strong>\n            Befintlig verktygsutrustning anv\u00e4nds d\u00e4r den valda modellen till\u00e5ter\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Anpassning:<\/strong>\n            F\u00e4rg, material, logotyp, f\u00f6rpackning\n          <\/div>\n        <\/div>\n\n        <a href=\"#odm\" class=\"kt-svc-route__card-cta kt-svc-route__card-cta--odm\">\n          Uppgifter om ODM-tj\u00e4nst \u2192\n        <\/a>\n      <\/div>\n\n    <\/div><!-- \/.kt-svc-route__grid -->\n\n    <!-- Footer note -->\n    <p class=\"kt-svc-route__footer-note\">\n      Fortfarande os\u00e4ker p\u00e5 vilken v\u00e4g som passar? Beskriv ditt projekt i kontaktformul\u00e4ret \u2014.\n      <a href=\"\/contact\/\">Kontakt Team<\/a>\n    <\/p>\n\n  <\/div><!-- \/.kt-svc-route__container -->\n<\/section>\n<!-- ============================================================\n     SECTION 3 \u2014 FACTORY SHOWCASE (NEW)\n     Page: \/services\/\n     Class prefix: kt-svc-factory\n     BG: #FFFFFF\n     Purpose: Build trust immediately by showing real production capability\n     ============================================================ -->\n\n<style>\n.et_pb_section:has(.kt-svc-factory),\n.et_pb_row:has(.kt-svc-factory),\n.et_pb_column:has(.kt-svc-factory),\n.et_pb_code:has(.kt-svc-factory),\n.et_pb_code_inner:has(.kt-svc-factory) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kt-svc-factory {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-factory__container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-factory__container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* \u2500\u2500 Left: Image Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__images {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 200px);\n  gap: 16px;\n}\n\n.kt-svc-factory__img-wrap {\n  width: 100%;\n  height: 100%;\n  border-radius: 12px;\n  overflow: hidden;\n  background: #F1F1F0;\n  position: relative;\n}\n\n.kt-svc-factory__img-wrap:first-child {\n  grid-row: span 2;\n  height: 100%;\n}\n\n.kt-svc-factory__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* \u2500\u2500 Right: Content & Stats \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n.kt-svc-factory__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 16px 0;\n}\n\n.kt-svc-factory__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  margin: 0 0 40px 0;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Stats Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__stats {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n}\n\n.kt-svc-factory__stat {\n  border-top: 2px solid #E5E5E3;\n  padding-top: 16px;\n}\n\n.kt-svc-factory__stat-value {\n  font-size: 28px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin-bottom: 4px;\n  line-height: 1.1;\n}\n\n.kt-svc-factory__stat-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: #4A4A45;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n<\/style>\n\n<section id=\"factory\" class=\"kt-svc-factory\" aria-label=\"Keytop barfotaskor Fabriksprofil\">\n  <div class=\"kt-svc-factory__container\">\n    \n    <!-- Left: Vision \/ Images -->\n    <div class=\"kt-svc-factory__images\">\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase.jpg\" alt=\"Keytop-verkstad f\u00f6r s\u00f6mnad av barfotaskor\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase-section.jpg\" alt=\"Anpassad press f\u00f6r gjutning av yttersula\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase-section-1.jpg\" alt=\"Intern kvalitetskontroll och inspektion f\u00f6r barfotaskor\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n    <\/div>\n\n    <!-- Right: Content -->\n    <div class=\"kt-svc-factory__content\">\n      <div class=\"kt-svc-factory__eyebrow\">Verklig fabrik, verklig kapacitet<\/div>\n      <h2 class=\"kt-svc-factory__h2\">Fabriksledd produktion av barfotaskor<\/h2>\n      <p class=\"kt-svc-factory__sub\">\n        Keytop samordnar utveckling och produktion fr\u00e5n sin tillverkningsanl\u00e4ggning i Jinjiang. Produktgeometri, material, hantverk och inspektionskriterier granskas mot den godk\u00e4nda projektspecifikationen.\n      <\/p>\n\n      <div class=\"kt-svc-factory__stats\">\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">50,000<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Par M\u00e5natlig kapacitet<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">Sedan 2006<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Tillverkningserfarenhet<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">ISO 9001<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Certifierad anl\u00e4ggning<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">Definierad QC<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Projektacceptanskriterier<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- ============================================================\n     SECTION 4 \u2014 CUSTOMIZATION PREVIEW (NEW)\n     Page: \/services\/\n     Class prefix: kt-svc-custom-preview\n     BG: #F1F1F0\n     Purpose: Replaces heavy text with visual examples of customization\n     ============================================================ -->\n\n<style>\n.et_pb_section:has(.kt-svc-custom-preview),\n.et_pb_row:has(.kt-svc-custom-preview),\n.et_pb_column:has(.kt-svc-custom-preview),\n.et_pb_code:has(.kt-svc-custom-preview),\n.et_pb_code_inner:has(.kt-svc-custom-preview) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kt-svc-custom-preview {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n  text-align: center;\n}\n\n.kt-svc-custom-preview__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.kt-svc-custom-preview__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n.kt-svc-custom-preview__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 auto 16px auto;\n  max-width: 720px;\n}\n\n.kt-svc-custom-preview__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  margin: 0 auto 48px auto;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Cards Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-custom-preview__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 48px;\n  text-align: left;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-custom-preview__grid {\n    grid-template-columns: 1fr;\n    max-width: 480px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.kt-svc-custom-preview__card {\n  background: #FFFFFF;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n  transition: transform 300ms ease;\n}\n\n.kt-svc-custom-preview__card:hover {\n  transform: translateY(-4px);\n}\n\n.kt-svc-custom-preview__img-wrap {\n  width: 100%;\n  height: 220px;\n  background: #E5E5E3;\n  overflow: hidden;\n}\n\n.kt-svc-custom-preview__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.kt-svc-custom-preview__card-body {\n  padding: 24px;\n}\n\n.kt-svc-custom-preview__card-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 8px 0;\n}\n\n.kt-svc-custom-preview__card-desc {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Action \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-custom-preview__action {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 14px 32px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: all 200ms ease;\n}\n\n.kt-svc-custom-preview__action:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section id=\"customization\" class=\"kt-svc-custom-preview\" aria-label=\"F\u00f6rhandsgranskning av anpassningsalternativ\">\n  <div class=\"kt-svc-custom-preview__container\">\n    \n    <div class=\"kt-svc-custom-preview__eyebrow\">Flexibilitet i designen<\/div>\n    <h2 class=\"kt-svc-custom-preview__h2\">G\u00f6r den till din egen<\/h2>\n    <p class=\"kt-svc-custom-preview__sub\">\n      Oavsett om du v\u00e4ljer ODM eller OEM s\u00e4kerst\u00e4ller v\u00e5rt materialbibliotek och v\u00e5ra varum\u00e4rkesfunktioner att din slutprodukt sticker ut p\u00e5 marknaden f\u00f6r barfotaskor.\n    <\/p>\n\n    <!-- Visual Grid -->\n    <div class=\"kt-svc-custom-preview__grid\">\n      <!-- Card 1 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customizarion-sole.png\" alt=\"Detaljerat, anpassat m\u00f6nster f\u00f6r barfotasulan\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">Utveckling av anpassad yttersula<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Granska nya verktyg f\u00f6r projektspecifika dragm\u00f6nster, konstruktionsm\u00e5l och flexibilitetskrav.<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- Card 2 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customization-fabric.png\" alt=\"H\u00e5llbara ovandelsmaterial som hampa och \u00e5tervunnen mesh\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">H\u00e5llbara \u00f6vre material<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Uppgradera fr\u00e5n vanliga syntetmaterial till GRS-certifierade \u00e5tervunna n\u00e4t, naturlig hampa, ekologisk bomull eller premium veganl\u00e4der.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customization-logo.png\" alt=\"Skokartonger och skom\u00e4rken med eget varum\u00e4rke\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">Komplett varum\u00e4rkesprofilering<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Fr\u00e5n pr\u00e4glade logotyper och specialv\u00e4vda etiketter till detaljhandelsf\u00e4rdiga milj\u00f6v\u00e4nliga f\u00f6rpackningar och anpassade inlagor.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"\/customization\/\" class=\"kt-svc-custom-preview__action\">\n      Utforska hela anpassningsmenyn \u2192.\n    <\/a>\n\n  <\/div>\n<\/section>\n<!-- ============================================================\n     SECTION 6 \u2014 TWO-LANE ACCOUNTABILITY TIMELINE\n     Page: \/services\/\n     Class prefix: kt-svc-timeline\n     BG: #F1F1F0\n     AIDA: Desire \u2014 no competitor shows both Buyer + Factory lanes\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-timeline),\n.et_pb_row:has(.kt-svc-timeline),\n.et_pb_column:has(.kt-svc-timeline),\n.et_pb_code:has(.kt-svc-timeline),\n.et_pb_code_inner:has(.kt-svc-timeline) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-timeline__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 Lane labels (thead inside table) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__table th.step-head {\n  width: 64px;\n  min-width: 56px;\n  background: #1A1A1A;\n}\n\n.kt-svc-timeline__table th.buyer-head,\n.kt-svc-timeline__table th.factory-head {\n  font-size: 11.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  padding: 12px 18px;\n  background: #FFFFFF;\n  text-align: left;\n  vertical-align: bottom;\n}\n\n.kt-svc-timeline__table th.buyer-head {\n  color: #4A4A45;\n  border-left: 3px solid #4A4A45;\n  border-bottom: 2px solid #4A4A45;\n}\n\n.kt-svc-timeline__table th.factory-head {\n  color: #2D5016;\n  border-left: 3px solid #2D5016;\n  border-bottom: 2px solid #2D5016;\n}\n\n\/* \u2500\u2500 Table wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__table-wrap {\n  overflow-x: auto;\n  border-radius: 12px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.07);\n  margin-bottom: 40px;\n}\n\n.kt-svc-timeline__table {\n  width: 100%;\n  border-collapse: collapse;\n  background: #FFFFFF;\n  font-size: 14px;\n}\n\n\/* Step header column *\/\n.kt-svc-timeline__table td.step {\n  width: 64px;\n  min-width: 56px;\n  background: #1A1A1A;\n  color: #FFFFFF;\n  font-size: 11px;\n  font-weight: 700;\n  text-align: center;\n  letter-spacing: 0.06em;\n  padding: 16px 10px;\n  border-bottom: 1px solid rgba(255,255,255,0.10);\n  vertical-align: top;\n}\n\n.kt-svc-timeline__table tr:last-child td.step {\n  border-bottom: none;\n}\n\n\/* Buyer lane \u2014 dark gray accent *\/\n.kt-svc-timeline__table td.buyer {\n  border-left: 3px solid #4A4A45;\n  padding: 16px 18px;\n  vertical-align: top;\n  border-bottom: 1px solid #E5E5E3;\n  color: #4A4A45;\n  line-height: 1.5;\n  width: 50%;\n}\n\n\/* Factory lane \u2014 green accent *\/\n.kt-svc-timeline__table td.factory {\n  border-left: 3px solid #2D5016;\n  padding: 16px 18px;\n  vertical-align: top;\n  border-bottom: 1px solid #E5E5E3;\n  color: #4A4A45;\n  line-height: 1.5;\n}\n\n.kt-svc-timeline__table tr:last-child td.buyer,\n.kt-svc-timeline__table tr:last-child td.factory {\n  border-bottom: none;\n}\n\n.kt-svc-timeline__table .action-title {\n  display: block;\n  font-weight: 600;\n  color: #1A1A1A;\n  font-size: 13.5px;\n  margin-bottom: 3px;\n}\n\n.kt-svc-timeline__table .action-time {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  padding: 2px 7px;\n  border-radius: 9999px;\n  margin-bottom: 5px;\n}\n\n.buyer .action-time {\n  background: rgba(74, 74, 69, 0.10);\n  color: #4A4A45;\n}\n\n.factory .action-time {\n  background: rgba(45, 80, 22, 0.10);\n  color: #2D5016;\n}\n\n.kt-svc-timeline__table .action-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  display: block;\n}\n\n\/* \u2500\u2500 Mobile accordion (hidden on desktop) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__accordion { display: none; }\n\n@media (max-width: 767px) {\n  .kt-svc-timeline__table-wrap { display: none; }\n  .kt-svc-timeline__lane-labels { display: none; }\n  .kt-svc-timeline__accordion { display: block; margin-bottom: 40px; }\n\n  .kt-svc-timeline__acc-item {\n    background: #FFFFFF;\n    border-radius: 8px;\n    margin-bottom: 8px;\n    overflow: hidden;\n    border: 1px solid #E5E5E3;\n  }\n\n  .kt-svc-timeline__acc-header {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 14px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    text-align: left;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1A1A1A;\n  }\n\n  .kt-svc-timeline__acc-step {\n    font-size: 10px;\n    font-weight: 700;\n    background: #1A1A1A;\n    color: #FFFFFF;\n    padding: 2px 8px;\n    border-radius: 4px;\n    margin-right: 10px;\n    letter-spacing: 0.06em;\n    flex-shrink: 0;\n  }\n\n  .kt-svc-timeline__acc-icon {\n    font-size: 20px;\n    color: #9C9C95;\n    margin-left: 8px;\n    flex-shrink: 0;\n    transition: transform 200ms ease;\n  }\n\n  .kt-svc-timeline__acc-item.open .kt-svc-timeline__acc-icon {\n    transform: rotate(45deg);\n  }\n\n  .kt-svc-timeline__acc-body {\n    display: none;\n    padding: 0 16px 16px;\n    border-top: 1px solid #F1F1F0;\n  }\n\n  .kt-svc-timeline__acc-item.open .kt-svc-timeline__acc-body {\n    display: block;\n  }\n\n  .kt-svc-timeline__acc-lane {\n    margin-top: 12px;\n    padding: 10px 12px;\n    border-radius: 6px;\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: #4A4A45;\n  }\n\n  .kt-svc-timeline__acc-lane--buyer {\n    border-left: 3px solid #4A4A45;\n    background: rgba(74, 74, 69, 0.04);\n    margin-bottom: 8px;\n  }\n\n  .kt-svc-timeline__acc-lane--factory {\n    border-left: 3px solid #2D5016;\n    background: rgba(45, 80, 22, 0.04);\n  }\n\n  .kt-svc-timeline__acc-lane .lane-label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .kt-svc-timeline__acc-lane--buyer .lane-label { color: #4A4A45; }\n  .kt-svc-timeline__acc-lane--factory .lane-label { color: #2D5016; }\n}\n\n\/* \u2500\u2500 Rush note \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__rush {\n  background: rgba(45, 80, 22, 0.07);\n  border-left: 3px solid #2D5016;\n  border-radius: 0 8px 8px 0;\n  padding: 14px 18px;\n  font-size: 13.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n  margin-bottom: 36px;\n}\n\n.kt-svc-timeline__rush strong { color: #1A1A1A; }\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__footer-cta {\n  display: flex;\n  justify-content: center;\n}\n\n.kt-svc-timeline__footer-cta a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-timeline__footer-cta a:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section id=\"process\" class=\"kt-svc-timeline\" aria-label=\"Tidslinje f\u00f6r produktion - k\u00f6parens och fabrikens k\u00f6rf\u00e4lt\">\n  <div class=\"kt-svc-timeline__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-timeline__eyebrow\">Produktionsprocess<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-timeline__h2\">En tydlig v\u00e4g fr\u00e5n brief till leverans<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-timeline__sub\">\n      Varje steg identifierar k\u00f6parens beslut och motsvarande fabriks\u00e5tg\u00e4rd.\n    <\/p>\n\n    <!-- Desktop table -->\n    <div class=\"kt-svc-timeline__table-wrap\">\n      <table class=\"kt-svc-timeline__table\">\n        <thead>\n          <tr>\n            <th class=\"step-head\"><\/th>\n            <th class=\"buyer-head\">Din \u00e5tg\u00e4rd<\/th>\n            <th class=\"factory-head\">Keytop-\u00e5tg\u00e4rd<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n\n          <tr>\n            <td class=\"step\">01<br>F\u00d6RFR\u00c5GAN<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Dela med dig av dina uppgifter<\/span>\n              <span class=\"action-time buyer\">Projektbrief<\/span>\n              <span class=\"action-desc\">Produkttyp, m\u00e5lmarknad, kvantitet, tidslinje, eventuella designreferenser<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Granska och bekr\u00e4fta passform<\/span>\n              <span class=\"action-time factory\">Omfattningsgranskning<\/span>\n              <span class=\"action-desc\">S\u00e4ljaren bekr\u00e4ftar omfattningen, st\u00e4ller klarg\u00f6rande fr\u00e5gor och skickar en \u00f6versikt \u00f6ver fabriken<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">02<br>CITAT<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Recension offert<\/span>\n              <span class=\"action-time buyer\">Efter granskning<\/span>\n              <span class=\"action-desc\">Bekr\u00e4fta materialalternativ, volym och f\u00f6rpackningsval<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Detaljerad prislista<\/span>\n              <span class=\"action-time factory\">Projektspecifik.<\/span>\n              <span class=\"action-desc\">Pris, kvantitet, ber\u00e4knad ledtid och kommersiella villkor f\u00f6r den \u00f6verenskomna omfattningen<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">03<br>SAMPEL<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Bekr\u00e4fta provspecifikation<\/span>\n              <span class=\"action-time buyer\">Efter offert<\/span>\n              <span class=\"action-desc\">Godk\u00e4nn material, m\u00e5tt, varum\u00e4rkesdetaljer och eventuella provvillkor<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Producera och skicka prov<\/span>\n              <span class=\"action-time factory\">7-14 dagar<\/span>\n              <span class=\"action-desc\">Prov framst\u00e4llt enligt den \u00f6verenskomna briefen; leveransmetod bekr\u00e4ftas f\u00f6r projektet<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">04<br>GODK\u00c4NNANDE<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Godk\u00e4nna eller beg\u00e4ra revidering<\/span>\n              <span class=\"action-time buyer\">Efter prov<\/span>\n              <span class=\"action-desc\">Registrera godk\u00e4nnande eller n\u00f6dv\u00e4ndiga \u00e4ndringar mot specifikationen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">L\u00e5s produktionsorder<\/span>\n              <span class=\"action-time factory\">Efter godk\u00e4nnande<\/span>\n              <span class=\"action-desc\">Produktionsorder bekr\u00e4ftad, materialanskaffning p\u00e5b\u00f6rjad<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">05<br>DEPOSITION<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Bekr\u00e4fta ordervillkor<\/span>\n              <span class=\"action-time buyer\">F\u00f6re produktion<\/span>\n              <span class=\"action-desc\">Slutf\u00f6r de kommersiella stegen som anges i den accepterade offerten<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Materialanskaffning<\/span>\n              <span class=\"action-time factory\">Orderf\u00f6rberedelse<\/span>\n              <span class=\"action-desc\">Skaffa godk\u00e4nda material och till\u00e4mpa de \u00f6verenskomna inkommande kontrollerna<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">06<br>PRODUKTION<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Tillg\u00e4nglig f\u00f6r QC-fr\u00e5gor inline<\/span>\n              <span class=\"action-time buyer\">Under produktion<\/span>\n              <span class=\"action-desc\">Du kan komma att f\u00e5 QC-foton f\u00f6r bekr\u00e4ftelse p\u00e5 f\u00e4rg- eller logoplacering<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Sk\u00e4rning, s\u00f6mnad, h\u00e5llbarhet, efterbehandling<\/span>\n              <span class=\"action-time factory\">\u00d6verenskommen tidplan<\/span>\n              <span class=\"action-desc\">Sk\u00e4rning, s\u00f6mnad, str\u00e4ckning och slutbearbetning med processkontroller enligt projektdefinition<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">07<br>QC<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Granska QC-rapporten<\/span>\n              <span class=\"action-time buyer\">F\u00f6re leverans<\/span>\n              <span class=\"action-desc\">Granska de inspektionsprotokoll som kr\u00e4vs enligt ink\u00f6psspecifikationen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Inspektion f\u00f6re leverans<\/span>\n              <span class=\"action-time factory\">Inspektionssteg<\/span>\n              <span class=\"action-desc\">Inspektera ordern mot den \u00f6verenskomna provtagningsplanen och acceptanskriterierna<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">08<br>BALANS<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Slutf\u00f6r \u00f6verenskomna ordervillkor<\/span>\n              <span class=\"action-time buyer\">F\u00f6re frigivning<\/span>\n              <span class=\"action-desc\">Slutf\u00f6r saldo- och frigivningsstegen enligt k\u00f6peavtalet<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Packa &amp; boka frakt<\/span>\n              <span class=\"action-time factory\">Efter frigivning<\/span>\n              <span class=\"action-desc\">Packa enligt de godk\u00e4nda kraven och samordna \u00f6verl\u00e4mningen med vald spedit\u00f6r<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">09<br>F\u00d6RS\u00c4NDELSE<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Mottagning av sp\u00e5rning och dokument<\/span>\n              <span class=\"action-time buyer\">Vid avs\u00e4ndning<\/span>\n              <span class=\"action-desc\">Ta emot dokumenten som ing\u00e5r i den bekr\u00e4ftade frakt\u00f6verenskommelsen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">\u00d6verl\u00e4mnande av gods till transport\u00f6r<\/span>\n              <span class=\"action-time factory\">\u00d6verl\u00e4mning till transport\u00f6r<\/span>\n              <span class=\"action-desc\">\u00d6verl\u00e4mna varorna enligt den Incoterm och den fraktrutt som \u00f6verenskommits f\u00f6r ordern<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <!-- Mobile accordion -->\n    <div class=\"kt-svc-timeline__accordion\">\n      <!-- Step 01 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">01<\/span>\n            F\u00f6rfr\u00e5gan\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Projektbrief<\/span>\n            Ber\u00e4tta om produkttyp, marknad, kvantitet, tidslinje och eventuella designreferenser.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-\u00e5tg\u00e4rd \u2014 Omf\u00e5ngsgranskning<\/span>\n            S\u00e4ljaren bekr\u00e4ftar omfattningen och skickar en \u00f6versikt \u00f6ver fabriken.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 02 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">02<\/span>\n            Offert\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Efter granskning<\/span>\n            Granska offerten och bekr\u00e4fta val av material, f\u00f6rpackning och volym.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-\u00e5tg\u00e4rd \u2014 Projektspecifik<\/span>\n            Offerera det \u00f6verenskomna omf\u00e5nget, kvantiteten, ber\u00e4knad ledtid och kommersiella villkor.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 03 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">03<\/span>\n            Prov\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Efter offert<\/span>\n            Bekr\u00e4fta provspecifikationen och de offererade provvillkoren.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop Action - 7-14 dagar<\/span>\n            Ta fram provet inom 7\u201314 dagar och bekr\u00e4fta leveransmetoden.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 04 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">04<\/span>\n            Godk\u00e4nnande\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Efter prov<\/span>\n            Godk\u00e4nn provet eller dokumentera \u00f6nskade \u00e4ndringar mot specifikationen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-\u00e5tg\u00e4rd \u2014 Efter godk\u00e4nnande<\/span>\n            Produktionsordern l\u00e5ses och materialanskaffningen p\u00e5b\u00f6rjas.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 05 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">05<\/span>\n            Ins\u00e4ttning\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 F\u00f6re produktion<\/span>\n            Slutf\u00f6r de kommersiella stegen som anges i den accepterade offerten.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-\u00e5tg\u00e4rd \u2014 Orderf\u00f6rberedelse<\/span>\n            Anskaffa godk\u00e4nda material och till\u00e4mpa de \u00f6verenskomna inkommande kontrollerna.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 06 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">06<\/span>\n            Produktion\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Under produktion<\/span>\n            Tillg\u00e4nglig f\u00f6r QC-fr\u00e5gor inline - bekr\u00e4ftelse av f\u00e4rg, logoplacering.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop \u00e5tg\u00e4rd \u2014 \u00d6verenskommen tidplan<\/span>\n            Sk\u00e4rning, s\u00f6mnad, str\u00e4ckning och slutbearbetning med projektdefinierade kontroller.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 07 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">07<\/span>\n            QC\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 F\u00f6re leverans<\/span>\n            Granska de inspektionsprotokoll som kr\u00e4vs enligt ink\u00f6psspecifikationen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop \u00e5tg\u00e4rd \u2014 Inspektionsskede<\/span>\n            Inspektera enligt \u00f6verenskommen provtagningsplan och godk\u00e4nnandekriterier.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 08 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">08<\/span>\n            Balans\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 F\u00f6re frigivning<\/span>\n            Slutf\u00f6r saldo- och frigivningsstegen enligt k\u00f6peavtalet.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop \u00e5tg\u00e4rd \u2014 Efter frigivning<\/span>\n            Packa enligt godk\u00e4nda krav och samordna \u00f6verl\u00e4mning till frakt.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 09 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">09<\/span>\n            Leverans\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Er \u00e5tg\u00e4rd \u2014 Vid avs\u00e4ndning<\/span>\n            Ta emot de dokument som ing\u00e5r i den bekr\u00e4ftade leveransuppg\u00f6relsen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop \u00e5tg\u00e4rd \u2014 \u00d6verl\u00e4mning till transport\u00f6r<\/span>\n            \u00d6verl\u00e4mna varor enligt den Incoterm och fraktv\u00e4g som \u00f6verenskommits f\u00f6r ordern.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/.kt-svc-timeline__accordion -->\n\n    <!-- Rush note -->\n    <div class=\"kt-svc-timeline__rush\">\n      <strong>Planeringsnotering:<\/strong> Produktionstid och transittid beror p\u00e5 material, kvantitet,.\n    <\/div>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-timeline__footer-cta\">\n      <a href=\"#process\">Visa fullst\u00e4ndig information om processen \u2192.<\/a>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-timeline__container -->\n<\/section>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('.kt-svc-timeline__acc-item');\n  items.forEach(function (item) {\n    var btn = item.querySelector('.kt-svc-timeline__acc-header');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      var isOpen = item.classList.contains('open');\n      items.forEach(function (i) { i.classList.remove('open'); i.querySelector('.kt-svc-timeline__acc-header').setAttribute('aria-expanded', 'false'); });\n      if (!isOpen) {\n        item.classList.add('open');\n        btn.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n})();\n<\/script>\n<!-- ============================================================\n     SECTION 7 \u2014 QC & CERTIFICATIONS\n     Page: \/services\/\n     Class prefix: kt-svc-quality\n     BG: #FFFFFF\n     AIDA: Desire \u2014 trust builder, certs mapped to buyer markets\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-quality),\n.et_pb_row:has(.kt-svc-quality),\n.et_pb_column:has(.kt-svc-quality),\n.et_pb_code:has(.kt-svc-quality),\n.et_pb_code_inner:has(.kt-svc-quality) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-quality__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 52px 0;\n}\n\n\/* \u2500\u2500 Two-col layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  align-items: start;\n  margin-bottom: 48px;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-quality__cols {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* \u2500\u2500 Column headings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__col-heading {\n  font-size: 13.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #9C9C95;\n  margin: 0 0 20px 0;\n}\n\n\/* \u2500\u2500 QC stage cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__stages {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.kt-svc-quality__stage {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 18px;\n  background: #FAFAFA;\n  border: 1px solid #E5E5E3;\n  border-radius: 10px;\n  transition: box-shadow 200ms ease;\n}\n\n.kt-svc-quality__stage:hover {\n  box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n}\n\n.kt-svc-quality__stage-num {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #2D5016;\n  color: #FFFFFF;\n  font-size: 12px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.kt-svc-quality__stage-body {}\n\n.kt-svc-quality__stage-name {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 4px 0;\n}\n\n.kt-svc-quality__stage-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Cert tiles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__certs {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.kt-svc-quality__cert {\n  padding: 18px 20px;\n  background: #FAFAFA;\n  border: 1px solid #E5E5E3;\n  border-radius: 10px;\n  transition: box-shadow 200ms ease;\n}\n\n.kt-svc-quality__cert:hover {\n  box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n}\n\n.kt-svc-quality__cert-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 6px;\n}\n\n.kt-svc-quality__cert-name {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0;\n}\n\n.kt-svc-quality__cert-market {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 9px;\n  border-radius: 9999px;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n  background: rgba(45, 80, 22, 0.09);\n  color: #2D5016;\n  border: 1px solid rgba(45, 80, 22, 0.20);\n}\n\n.kt-svc-quality__cert-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Competitive callout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__callout {\n  background: #F1F1F0;\n  border-left: 3px solid #2D5016;\n  border-radius: 0 10px 10px 0;\n  padding: 20px 24px;\n  margin-bottom: 40px;\n}\n\n.kt-svc-quality__callout p {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.kt-svc-quality__callout strong {\n  color: #1A1A1A;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__footer-cta {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.kt-svc-quality__footer-cta a.primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-quality__footer-cta a.primary:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n.kt-svc-quality__footer-cta .note {\n  font-size: 13px;\n  color: #9C9C95;\n  line-height: 1.5;\n}\n<\/style>\n\n<section class=\"kt-svc-quality\" aria-label=\"Kvalitetskontroll och certifieringar\">\n  <div class=\"kt-svc-quality__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-quality__eyebrow\">Kvalitet och efterlevnad<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-quality__h2\">Kvalitetskontroller definierade utifr\u00e5n er specifikation<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-quality__sub\">\n      Inspektionspunkter, provtagningsmetod, dokumentation och godk\u00e4nnandekriterier bekr\u00e4ftas f\u00f6r ordern.\n    <\/p>\n\n    <!-- Two-col layout -->\n    <div class=\"kt-svc-quality__cols\">\n\n      <!-- Left: QC stages -->\n      <div>\n        <p class=\"kt-svc-quality__col-heading\">Sekvens f\u00f6r QC-steg<\/p>\n        <div class=\"kt-svc-quality__stages\">\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">1<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Inkommande material<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Inkommande tyger, gummikomponenter och beslag kan kontrolleras mot den godk\u00e4nda materialspecifikationen innan sk\u00e4rningen p\u00e5b\u00f6rjas.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">2<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">QC f\u00f6r produktion i linje<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Processkontroller kan omfatta m\u00e5tt, s\u00f6mmar, str\u00e4ckning, logoplacering och f\u00e4rg mot godk\u00e4nt prov.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">3<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Efterbehandling &amp; utseende<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Slutkontroller kan omfatta limlinjer, s\u00f6mmar, yttersulans bindning, utseende och \u00f6verenskomna konstruktionsm\u00e5tt.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">4<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">F\u00f6re avs\u00e4ndning-inspektion<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Provtagningsmetod, defektkategorier, bevis och acceptansgr\u00e4nser f\u00f6ljer de krav som bekr\u00e4ftats f\u00f6r ink\u00f6psordern.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Right: Cert tiles -->\n      <div>\n        <p class=\"kt-svc-quality__col-heading\">Certifieringar - anpassade till din marknad<\/p>\n        <div class=\"kt-svc-quality__certs\">\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">ISO 9001<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Kvalitetsstyrning<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Certifiering av kvalitetsledningssystem. Aktuella dokument och omfattning kan granskas f\u00f6r leverant\u00f6rskvalificering.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">BSCI<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">EU:s sociala efterlevnad<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Social regelefterlevnadsinformation tillg\u00e4nglig f\u00f6r k\u00f6parens due diligence. Till\u00e4mplighet beror p\u00e5 k\u00f6parens ink\u00f6pspolicy.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">Sedex<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Ansvarsfull upphandling<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Information om ansvarsfull upphandling f\u00f6r k\u00f6parens granskning. Dokumenttyp, giltighet och omfattning b\u00f6r kontrolleras f\u00f6r det avsedda programmet.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">GRS<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Omfattning av \u00e5tervunnet material<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Global Recycled Standard-dokumentation. Produkt-, material- och transaktionsomfattning m\u00e5ste bekr\u00e4ftas innan p\u00e5st\u00e5enden om \u00e5tervunnet inneh\u00e5ll g\u00f6rs.\n            <\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/.kt-svc-quality__cols -->\n\n    <!-- Competitive callout -->\n    <div class=\"kt-svc-quality__callout\">\n      <p>\n        <strong>Inspektion ska avtalas innan produktionen startar.<\/strong>\n        Keytop kan anpassa interna inspektionspunkter till den godk\u00e4nda specifikationen och k\u00f6parens krav p\u00e5 provtagningsplan.\n      <\/p>\n    <\/div>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-quality__footer-cta\">\n      <a href=\"\/contact\/\" class=\"primary\">Beg\u00e4r ett prov och QC-rapport \u2192.<\/a>\n      <span class=\"note\">Prover inom 7\u201314 dagar \u2022 Inspektionsomfattning bekr\u00e4ftas per projekt<\/span>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-quality__container -->\n<\/section>\n<!-- ============================================================\n     SECTION 8 \u2014 FAQ (2-COLUMN ACCORDION)\n     Page: \/services\/\n     Class prefix: kt-svc-faq\n     BG: #F1F1F0\n     AIDA: Desire \/ Action \u2014 AEO + PAA + speakable CSS selector\n     Schema CSS selector: .kt-svc-faq__question\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-faq),\n.et_pb_row:has(.kt-svc-faq),\n.et_pb_column:has(.kt-svc-faq),\n.et_pb_code:has(.kt-svc-faq),\n.et_pb_code_inner:has(.kt-svc-faq) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-faq__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 Two-column accordion grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 40px;\n  margin-bottom: 48px;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-faq__cols {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2500\u2500 Accordion column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__col {\n  display: flex;\n  flex-direction: column;\n}\n\n\/* \u2500\u2500 Single accordion item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__item {\n  border-bottom: 1px solid #E5E5E3;\n}\n\n.kt-svc-faq__item:first-child {\n  border-top: 1px solid #E5E5E3;\n}\n\n\/* \u2500\u2500 Trigger button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__trigger {\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 18px 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  cursor: pointer;\n  text-align: left;\n}\n\n.kt-svc-faq__trigger:focus-visible {\n  outline: 2px solid #2D5016;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n\/* \u2500\u2500 Question text \u2014 speakable CSS selector \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* Schema speakable cssSelector: \".kt-svc-faq__question\" *\/\n.kt-svc-faq__question {\n  font-size: 15px;\n  font-weight: 600;\n  color: #1A1A1A;\n  line-height: 1.4;\n  flex: 1;\n}\n\n\/* \u2500\u2500 Toggle icon \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #FFFFFF;\n  border: 1px solid #E5E5E3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #4A4A45;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-faq__item.open .kt-svc-faq__icon {\n  background: #2D5016;\n  border-color: #2D5016;\n  color: #FFFFFF;\n  transform: rotate(45deg);\n}\n\n\/* \u2500\u2500 Answer panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__answer {\n  display: none;\n  padding: 0 0 18px 0;\n}\n\n.kt-svc-faq__item.open .kt-svc-faq__answer {\n  display: block;\n}\n\n.kt-svc-faq__answer p {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.65;\n  margin: 0;\n}\n\n.kt-svc-faq__answer a {\n  color: #2D5016;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__footer-note {\n  font-size: 14px;\n  color: #9C9C95;\n  text-align: center;\n  margin-bottom: 8px;\n}\n\n.kt-svc-faq__footer-cta {\n  display: flex;\n  justify-content: center;\n}\n\n.kt-svc-faq__footer-cta a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-faq__footer-cta a:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section class=\"kt-svc-faq\" aria-label=\"Vanliga fr\u00e5gor och svar\">\n  <div class=\"kt-svc-faq__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-faq__eyebrow\">VANLIGA FR\u00c5GOR<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-faq__h2\">Fr\u00e5gor som k\u00f6pare st\u00e4ller innan de l\u00e4gger en order<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-faq__sub\">\n      Svar p\u00e5 de 10 fr\u00e5gor som v\u00e5rt s\u00e4ljteam oftast f\u00e5r -\n      som t\u00e4cker MOQ, prover, certifikat, tidslinjer och hur man b\u00f6rjar.\n    <\/p>\n\n    <!-- Two-column accordion -->\n    <div class=\"kt-svc-faq__cols\">\n\n      <!-- Column 1 (Q1\u2013Q5) -->\n      <div class=\"kt-svc-faq__col\">\n\n        <!-- Q1 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Vad ing\u00e5r i OEM-tj\u00e4nster f\u00f6r tillverkning av barfotaskor?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              OEM kan omfatta specifikationsgranskning, materialanskaffning, l\u00e4st- och verktygsutveckling, provtagning,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q2 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Vad \u00e4r skillnaden mellan OEM och ODM f\u00f6r barfotaskor?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              OEM utg\u00e5r fr\u00e5n dina designkrav och kan inkludera anpassad l\u00e4stgeometri, sulverktyg och \u00f6verdelens konstruktion.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q3 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Vad \u00e4r den minsta orderkvantiteten f\u00f6r anpassad produktion av barfotaskor?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              MOQ \u00e4r 500 par per f\u00e4rg per modell. Detta g\u00e4ller b\u00e5de OEM- och ODM-v\u00e4gar.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q4 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Hur l\u00e5ng tid tar tillverkningen av barfotaskor fr\u00e5n start till leverans?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Prover tar normalt 7\u201314 dagar. Tidsplan f\u00f6r bulkproduktion och leverans offereras efter att teamet bekr\u00e4ftat.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q5 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Kan jag f\u00e5 ett prov innan jag g\u00e5r vidare till bulkproduktion?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Ja. Provkostnad, leverans, m\u00e4tprotokoll och revideringsvillkor offereras f\u00f6r projektet.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/.kt-svc-faq__col col-1 -->\n\n      <!-- Column 2 (Q6\u2013Q10) -->\n      <div class=\"kt-svc-faq__col\">\n\n        <!-- Q6 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Vilka certifieringar beh\u00f6ver en fabrik f\u00f6r barfotaskor f\u00f6r marknaderna i USA och EU?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Keytop listar ISO 9001, BSCI, Sedex och GRS bland sina fabrikscertifieringar.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q7 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Hur fungerar kvalitetskontrollen vid tillverkning av barfotaskor?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Ordern kan definiera inkommande, l\u00f6pande, efterbehandlings- och f\u00f6re-leveranskontroller.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q8 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Vilka anpassningsalternativ finns tillg\u00e4ngliga f\u00f6r barfotaskor under eget varum\u00e4rke?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Alternativ kan inkludera logotyper, f\u00e4rgreferenser, f\u00f6rpackning, h\u00e4nglappar, \u00f6verdragsmaterial, yttersulkompound,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q9 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Erbjuder Keytop frakt- och logistiksupport f\u00f6r internationella best\u00e4llningar?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Leveransst\u00f6d diskuteras vid offert. \u00d6verenskommen Incoterm, destination, spedit\u00f6rs\u00f6verl\u00e4mning,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q10 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Hur startar jag ett eget varum\u00e4rke f\u00f6r barfotaskor fr\u00e5n grunden?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              B\u00f6rja med <a href=\"\/contact\/\">att skicka en f\u00f6rfr\u00e5gan<\/a> med produkttyp, m\u00e5lmarknad, kvantitet, storleksintervall,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/.kt-svc-faq__col col-2 -->\n\n    <\/div><!-- \/.kt-svc-faq__cols -->\n\n    <!-- Footer note -->\n    <p class=\"kt-svc-faq__footer-note\">Har du fortfarande en fr\u00e5ga som inte listats ovan?<\/p>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-faq__footer-cta\">\n      <a href=\"\/contact\/\">Fr\u00e5ga f\u00f6rs\u00e4ljningsteamet \u2192.<\/a>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-faq__container -->\n<\/section>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('.kt-svc-faq__item');\n  items.forEach(function (item) {\n    var trigger = item.querySelector('.kt-svc-faq__trigger');\n    if (!trigger) return;\n    trigger.addEventListener('click', function () {\n      var isOpen = item.classList.contains('open');\n      item.classList.toggle('open', !isOpen);\n      trigger.setAttribute('aria-expanded', String(!isOpen));\n    });\n  });\n})();\n<\/script>\n<!-- ============================================================\n     SECTION 9 \u2014 FINAL CTA\n     Page: \/services\/\n     Class prefix: kt-svc-cta\n     BG: #2D5016 (forest green)\n     AIDA: Action \u2014 conversion close, low friction\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-cta),\n.et_pb_row:has(.kt-svc-cta),\n.et_pb_column:has(.kt-svc-cta),\n.et_pb_code:has(.kt-svc-cta),\n.et_pb_code_inner:has(.kt-svc-cta) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta {\n  background: #2D5016;\n  padding: 96px clamp(20px, 5vw, 64px);\n  text-align: center;\n}\n\n.kt-svc-cta__container {\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 14px;\n  background: rgba(255, 255, 255, 0.12);\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.10em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.80);\n  margin-bottom: 20px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 800;\n  letter-spacing: -0.025em;\n  line-height: 1.15;\n  color: #FFFFFF;\n  margin: 0 0 18px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__sub {\n  font-size: clamp(15px, 1.5vw, 17px);\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.80);\n  max-width: 540px;\n  margin: 0 auto 40px auto;\n}\n\n\/* \u2500\u2500 CTA buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: 36px;\n}\n\n\/* Primary \u2014 white solid with dark text *\/\n.kt-svc-cta__btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 14px 32px;\n  background: #FFFFFF;\n  border: 2px solid #FFFFFF;\n  border-radius: 8px;\n  color: #1A1A1A;\n  font-size: 15.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;\n}\n\n.kt-svc-cta__btn-primary:hover {\n  background: #F5F5F0;\n  border-color: #F5F5F0;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n}\n\n\/* Secondary \u2014 white ghost *\/\n.kt-svc-cta__btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 14px 28px;\n  background: transparent;\n  border: 2px solid rgba(255, 255, 255, 0.52);\n  border-radius: 8px;\n  color: #FFFFFF;\n  font-size: 15.5px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-cta__btn-ghost:hover {\n  background: rgba(255, 255, 255, 0.10);\n  border-color: rgba(255, 255, 255, 0.75);\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Assurance chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__chips {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.kt-svc-cta__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 13px;\n  border-radius: 9999px;\n  background: rgba(255, 255, 255, 0.10);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  font-size: 12.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.82);\n}\n\n.kt-svc-cta__chip::before {\n  content: '\u2713';\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.65);\n}\n\n\/* \u2500\u2500 Divider between chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__chip-sep {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.30);\n  display: none; \/* shown via ::before on middle chips on desktop *\/\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 540px) {\n  .kt-svc-cta__buttons {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .kt-svc-cta__btn-primary,\n  .kt-svc-cta__btn-ghost {\n    width: 100%;\n    padding: 15px 24px;\n  }\n\n  .kt-svc-cta__chips {\n    flex-direction: column;\n    gap: 8px;\n  }\n}\n<\/style>\n\n<section class=\"kt-svc-cta\" aria-label=\"Starta ditt projekt f\u00f6r barfotaskor\">\n  <div class=\"kt-svc-cta__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-cta__eyebrow\">Redo att starta<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-cta__h2\">Starta ditt projekt f\u00f6r barfotaskor<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-cta__sub\">\n      Minst 500 par. Prov inom 7\u201314 dagar. Ber\u00e4tta f\u00f6r oss din produkttyp.\n    <\/p>\n\n    <!-- CTA buttons -->\n    <div class=\"kt-svc-cta__buttons\">\n      <a href=\"\/contact\/\" class=\"kt-svc-cta__btn-primary\">Diskutera ditt projekt \u2192.<\/a>\n      <a href=\"\/contact\/#samples\" class=\"kt-svc-cta__btn-ghost\">Beg\u00e4r prover<\/a>\n    <\/div>\n\n    <!-- Assurance chips -->\n    <div class=\"kt-svc-cta__chips\">\n      <span class=\"kt-svc-cta__chip\">MOQ 500 \/ F\u00e4rg \/ Modell<\/span>\n      <span class=\"kt-svc-cta__chip\">ISO 9001 \u00b7 BSCI \u00b7 Sedex \u00b7 GRS<\/span>\n      <span class=\"kt-svc-cta__chip\">50 000 par \/ m\u00e5nad<\/span>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-cta__container -->\n<\/section>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Uppt\u00e4ck omfattande OEM- och ODM-tj\u00e4nster f\u00f6r barfotatillverkning. Fr\u00e5n materialink\u00f6p till anpassad f\u00f6rpackning, vi levererar snabba v\u00e4ndningar p\u00e5 en MOQ p\u00e5 500 par.","protected":false},"author":1,"featured_media":3730,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-225","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/pages\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":5,"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":4622,"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/pages\/225\/revisions\/4622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/media\/3730"}],"wp:attachment":[{"href":"https:\/\/keytopbarefootshoes.com\/sv\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}