{"id":2657,"date":"2026-05-29T11:09:41","date_gmt":"2026-05-29T09:09:41","guid":{"rendered":"http:\/\/localhost\/?page_id=2657"},"modified":"2026-07-02T14:25:00","modified_gmt":"2026-07-02T12:25:00","slug":"kkk","status":"publish","type":"page","link":"https:\/\/www.kkmetal.cz\/","title":{"rendered":"\u00daVODN\u00cd STR\u00c1NKA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2657\" class=\"elementor elementor-2657\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6c369 e-con-full e-flex e-con e-parent\" data-id=\"5b6c369\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56e5def elementor-widget elementor-widget-html\" data-id=\"56e5def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    --font-menu: \"Montserrat\", sans-serif;\n    --font-weight-bold: 700;\n    --tracking-widest: 0.1em;\n    --text-base: 1rem;\n  }\n\n  .kk-header-row, .kk-desktop-nav a, .kk-desktop-nav button {\n    font-family: var(--font-menu) !important;\n    font-weight: var(--font-weight-bold) !important;\n    letter-spacing: var(--tracking-widest) !important;\n    font-size: var(--text-base) !important;\n  }\n\n  .kk-header-row { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }\n  .kk-desktop-nav { display: flex !important; align-items: center !important; gap: 2.5rem !important; }\n  .kk-dropdown-menu { transition: all 0.3s ease-in-out; }\n\n  @media (max-width: 1023px) { .kk-desktop-nav { display: none !important; } }\n\n  \/* Mobiln\u00ed menu *\/\n  .kk-mobile-nav {\n    display: none;\n    flex-direction: column;\n    background: #2e2780;\n    border-top: 4px solid #fcd34d;\n    font-family: var(--font-menu) !important;\n    font-weight: var(--font-weight-bold) !important;\n    letter-spacing: var(--tracking-widest) !important;\n  }\n  .kk-mobile-nav.open { display: flex; }\n  .kk-mobile-nav a, .kk-mobile-nav button {\n    color: #fff;\n    text-transform: uppercase;\n    text-align: left;\n    background: transparent;\n    border: none;\n    padding: 1rem 1.5rem;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .kk-mobile-nav a:hover, .kk-mobile-nav button:hover { color: #fcd34d; }\n  .kk-mobile-submenu {\n    display: none;\n    flex-direction: column;\n    background: rgba(0,0,0,0.15);\n  }\n  .kk-mobile-submenu.open { display: flex; }\n  .kk-mobile-submenu a {\n    padding-left: 2.5rem;\n    font-size: 0.85rem;\n  }\n  .kk-mobile-toggle-icon { transition: transform 0.3s ease; }\n  .kk-mobile-toggle-icon.rotated { transform: rotate(180deg); }\n\n  @media (min-width: 1024px) { .kk-mobile-nav { display: none !important; } }\n<\/style>\n\n<header id=\"main-header\" class=\"fixed top-0 left-0 w-full z-[999] transition-all duration-300 bg-[#2e2780] py-4 shadow-lg\">\n  <div class=\"max-w-7xl mx-auto px-4 md:px-8 kk-header-row\">\n\n    <div class=\"flex items-center\">\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2657\" aria-label=\"\u00davodn\u00ed str\u00e1nka\">\n        <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/04\/kk_metal_logo-removebg-preview.png\" alt=\"K-K Metal Logo\" style=\"height: 55px !important; width: auto !important; display: block !important;\">\n      <\/a>\n    <\/div>\n\n    <nav class=\"kk-desktop-nav\">\n      <a id=\"home-link\" href=\"http:\/\/www.kkmetal.cz\/?page_id=2657\" class=\"uppercase transition-colors text-[#fcd34d] hover:text-[#fcd34d]\" style=\"color: #fcd34d !important;\">\u00davodn\u00ed str\u00e1nka<\/a>\n\n      <div class=\"relative group py-4\">\n        <button class=\"flex items-center gap-2 text-white group-hover:text-[#fcd34d] uppercase transition-colors\" style=\"background: transparent; border: none; cursor: pointer; padding: 0;\">\n          Slu\u017eby\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:rotate-180 transition-transform duration-300\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n\n        <div class=\"kk-dropdown-menu absolute top-full left-1\/2 -translate-x-1\/2 w-72 bg-[#2e2780] border-t-4 border-[#fcd34d] shadow-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible translate-y-4 group-hover:translate-y-0 pt-2 z-[1000]\">\n          <div class=\"flex flex-col\">\n            <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2710\" class=\"px-6 py-4 text-left text-xs font-bold tracking-widest text-white hover:text-[#fcd34d] uppercase block\">Prodej plech\u016f<\/a>\n            <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2731\" class=\"px-6 py-4 text-left text-xs font-bold tracking-widest text-white hover:text-[#fcd34d] uppercase block\">Oh\u00fdb\u00e1n\u00ed a st\u0159\u00edh\u00e1n\u00ed<\/a>\n            <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2760\" class=\"px-6 py-4 text-left text-xs font-bold tracking-widest text-white hover:text-[#fcd34d] uppercase block\">Laserov\u00e9 \u0159ez\u00e1n\u00ed<\/a>\n            <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2769\" class=\"px-6 py-4 text-left text-xs font-bold tracking-widest text-white hover:text-[#fcd34d] uppercase block\">Odjehlen\u00ed<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2781\" class=\"text-white hover:text-[#fcd34d] uppercase transition-colors\">Aktuality<\/a>\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2775\" class=\"text-white hover:text-[#fcd34d] uppercase transition-colors\">Kontakty<\/a>\n    <\/nav>\n\n    <button id=\"mobile-menu-toggle\" class=\"lg:hidden text-white p-2 hover:text-[#fcd34d] transition-colors\" style=\"background: transparent; border: none; cursor: pointer;\" aria-expanded=\"false\" aria-controls=\"kk-mobile-nav\">\n      <svg id=\"icon-menu\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\n      <svg id=\"icon-close\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n  <\/div>\n\n  <!-- Mobiln\u00ed menu -->\n  <nav id=\"kk-mobile-nav\" class=\"kk-mobile-nav\">\n    <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2657\">\u00davodn\u00ed str\u00e1nka<\/a>\n\n    <button id=\"mobile-services-toggle\" aria-expanded=\"false\" aria-controls=\"kk-mobile-submenu\">\n      Slu\u017eby\n      <svg class=\"kk-mobile-toggle-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n    <\/button>\n    <div id=\"kk-mobile-submenu\" class=\"kk-mobile-submenu\">\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2710\">Prodej plech\u016f<\/a>\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2731\">Oh\u00fdb\u00e1n\u00ed a st\u0159\u00edh\u00e1n\u00ed<\/a>\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2760\">Laserov\u00e9 \u0159ez\u00e1n\u00ed<\/a>\n      <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2769\">Odjehlen\u00ed<\/a>\n    <\/div>\n\n    <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2781\">Aktuality<\/a>\n    <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2775\">Kontakty<\/a>\n  <\/nav>\n<\/header>\n\n<script>\n  const header = document.getElementById('main-header');\n  window.addEventListener('scroll', () => {\n    if (window.scrollY > 50) {\n      header.classList.add('shadow-2xl');\n    } else {\n      header.classList.remove('shadow-2xl');\n    }\n  });\n\n  \/\/ Otev\u00edr\u00e1n\u00ed\/zav\u00edr\u00e1n\u00ed mobiln\u00edho menu\n  const mobileToggle = document.getElementById('mobile-menu-toggle');\n  const mobileNav = document.getElementById('kk-mobile-nav');\n  const iconMenu = document.getElementById('icon-menu');\n  const iconClose = document.getElementById('icon-close');\n\n  mobileToggle.addEventListener('click', () => {\n    const isOpen = mobileNav.classList.toggle('open');\n    mobileToggle.setAttribute('aria-expanded', isOpen);\n    iconMenu.style.display = isOpen ? 'none' : 'block';\n    iconClose.style.display = isOpen ? 'block' : 'none';\n  });\n\n  \/\/ Rozbalen\u00ed podnab\u00eddky \"Slu\u017eby\" v mobiln\u00edm menu\n  const servicesToggle = document.getElementById('mobile-services-toggle');\n  const servicesSubmenu = document.getElementById('kk-mobile-submenu');\n  const toggleIcon = servicesToggle.querySelector('.kk-mobile-toggle-icon');\n\n  servicesToggle.addEventListener('click', () => {\n    const isOpen = servicesSubmenu.classList.toggle('open');\n    servicesToggle.setAttribute('aria-expanded', isOpen);\n    toggleIcon.classList.toggle('rotated', isOpen);\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f93685e e-con-full e-flex e-con e-parent\" data-id=\"f93685e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c2d01 elementor-widget elementor-widget-html\" data-id=\"61c2d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800&family=Oswald:wght@700&family=Raleway:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  html {\n    scroll-behavior: smooth !important;\n  }\n\n  .kk-hero-section { position: relative !important; height: 100vh !important; display: flex !important; align-items: center !important; overflow: hidden !important; background-color: #2e2780 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }\n  .kk-hero-bg { position: absolute !important; inset: 0 !important; background-image: url('http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/uvodni-final.jpg') !important; background-size: cover !important; background-position: center !important; background-attachment: scroll !important; z-index: 1 !important; }\n  .kk-hero-container { width: 100% !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1rem !important; padding-right: 1rem !important; position: relative !important; z-index: 10 !important; box-sizing: border-box !important; }\n  @media (min-width: 768px) { .kk-hero-container { padding-left: 2rem !important; padding-right: 2rem !important; } }\n  .kk-hero-content { max-width: 896px !important; display: flex !important; flex-direction: column !important; gap: 2rem !important; }\n  .kk-hero-sub-wrap { display: flex !important; align-items: center !important; gap: 1rem !important; }\n  .kk-hero-line { height: 3px !important; width: 4rem !important; background-color: #fcd34d !important; }\n  .kk-hero-subheading { font-family: \"Oswald\", sans-serif !important; font-weight: 700 !important; letter-spacing: 0.3em !important; color: #fcd34d !important; font-size: 0.875rem !important; text-transform: uppercase !important; }\n  @media (min-width: 768px) { .kk-hero-subheading { font-size: 1.125rem !important; } }\n  .kk-hero-h1 { font-family: \"Montserrat\", sans-serif !important; font-weight: 800 !important; letter-spacing: 0em !important; line-height: 1.05 !important; text-transform: uppercase !important; color: #ffffff !important; margin: 0 !important; font-size: 2.58rem !important; }\n  @media (min-width: 768px) { .kk-hero-h1 { font-size: 5.5rem !important; } }\n  .kk-text-yellow { color: #fcd34d !important; }\n  .kk-hero-p { font-family: \"Raleway\", sans-serif !important; font-weight: 400 !important; line-height: 1.375 !important; text-transform: none !important; color: #f1f5f9 !important; margin: 0 !important; max-width: 48rem !important; font-size: 1.25rem !important; }\n  @media (min-width: 768px) { .kk-hero-p { font-size: 1.875rem !important; } }\n  .kk-btn-wrapper { display: flex !important; flex-direction: column !important; gap: 1.5rem !important; padding-top: 1.5rem !important; }\n  @media (min-width: 640px) { .kk-btn-wrapper { flex-direction: row !important; } }\n  .kk-hero-btn { font-family: \"Oswald\", sans-serif !important; font-weight: 700 !important; font-size: 1.5rem !important; line-height: 1.333 !important; text-transform: uppercase !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.75rem !important; padding: 1.5rem 3rem !important; border-radius: 0.25rem !important; text-decoration: none !important; transition: all 0.3s ease-in-out !important; box-sizing: border-box !important; cursor: pointer !important; }\n  .kk-btn-services { background-color: #fcd34d !important; color: #2e2780 !important; box-shadow: 0 10px 30px rgba(252, 211, 77, 0.3) !important; }\n  .kk-btn-services:hover { background-color: #ffffff !important; color: #2e2780 !important; box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2) !important; }\n  .kk-btn-contact { background-color: transparent !important; color: #fcd34d !important; border: 2px solid #fcd34d !important; }\n  .kk-btn-contact:hover { background-color: #fcd34d !important; color: #2e2780 !important; }\n  .kk-hero-btn svg { transition: all 0.3s ease-in-out !important; flex-shrink: 0 !important; }\n  .kk-btn-services:hover svg { transform: translateX(4px) !important; }\n  \n  .kk-scroll-indicator { position: absolute !important; bottom: 2.5rem !important; left: 50% !important; margin-left: -2px !important; animation: kk-scroll-bounce 2.5s ease-in-out infinite !important; display: none !important; z-index: 10 !important; }\n  @media (min-width: 768px) { .kk-scroll-indicator { display: block !important; } }\n  .kk-scroll-line { width: 4px !important; height: 3.5rem !important; background: linear-gradient(to bottom, #fcd34d, rgba(252, 211, 77, 0.1)) !important; border-radius: 4px !important; }\n  @keyframes kk-scroll-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(15px); } }\n<\/style>\n\n<section class=\"kk-hero-section\">\n  <div class=\"kk-hero-bg\"><\/div>\n  \n  <div class=\"kk-hero-container\">\n    <div class=\"kk-hero-content\">\n      \n      <div class=\"kk-hero-sub-wrap\">\n        <div class=\"kk-hero-line\"><\/div>\n        <span class=\"kk-hero-subheading\">K-K Metal, a.s. \u2022 Prost\u011bjov<\/span>\n      <\/div>\n      \n      <h1 class=\"kk-hero-h1\">\n        V\u00edce jak 30 let<br \/>\n        zku\u0161enost\u00ed<br \/>\n        <span class=\"kk-text-yellow\">a pr\u00e1ce s ocel\u00ed<\/span>\n      <\/h1>\n      \n      <p class=\"kk-hero-p\">\n        Specializujeme se na prodej plech\u016f a kompletn\u00ed zpracov\u00e1n\u00ed plech\u016f od p\u0159esn\u00e9ho \u0159ez\u00e1n\u00ed laserem, odjehlov\u00e1n\u00ed a \u00fapravou povrchu p\u0159es st\u0159\u00edh\u00e1n\u00ed a\u017e po fin\u00e1ln\u00ed oh\u00fdb\u00e1n\u00ed v\u00fdpalk\u016f.\n      <\/p>\n      \n      <div class=\"kk-btn-wrapper\">\n        <a href=\"#sluzby-sekce\" class=\"kk-hero-btn kk-btn-services\" onclick=\"\n          event.preventDefault();\n          (function() {\n            var target = document.getElementById('sluzby-sekce');\n            if (!target) return;\n            var startY = window.pageYOffset;\n            var endY = target.getBoundingClientRect().top + startY;\n            var duration = 900;\n            var startTime = null;\n            function easeInOut(t) {\n              return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\n            }\n            function step(timestamp) {\n              if (!startTime) startTime = timestamp;\n              var elapsed = timestamp - startTime;\n              var progress = Math.min(elapsed \/ duration, 1);\n              window.scrollTo(0, startY + (endY - startY) * easeInOut(progress));\n              if (progress < 1) requestAnimationFrame(step);\n            }\n            requestAnimationFrame(step);\n          })();\n        \">\n          Slu\u017eby\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n        <\/a>\n        \n        <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2775\" class=\"kk-hero-btn kk-btn-contact\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          Kontakt\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n  \n  <div class=\"kk-scroll-indicator\">\n    <div class=\"kk-scroll-line\"><\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c87f2ac elementor-widget elementor-widget-html\" data-id=\"c87f2ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800&family=Oswald:wght@700&family=Raleway:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .kk-tech-section { padding: 6rem 0 !important; background-color: #ffffff !important; overflow: hidden !important; box-sizing: border-box !important; }\n  .kk-tech-container { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 1rem !important; box-sizing: border-box !important; }\n  @media (min-width: 768px) { .kk-tech-container { padding: 0 2rem !important; } }\n  \n  .kk-tech-header { text-align: center !important; margin-bottom: 5rem !important; }\n  .kk-tech-title { font-family: \"Oswald\", sans-serif !important; font-weight: 700 !important; font-size: 3rem !important; color: #2e2780 !important; text-transform: uppercase !important; line-height: 1 !important; margin: 0 0 1.5rem 0 !important; letter-spacing: -0.025em !important; }\n  @media (min-width: 768px) { .kk-tech-title { font-size: 4.5rem !important; line-height: 1 !important; } }\n  .kk-tech-divider { width: 8rem !important; height: 12px !important; background-color: #fcd34d !important; margin: 0 auto !important; }\n  \n  .kk-tech-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 4rem !important; align-items: center !important; }\n  @media (min-width: 1024px) { .kk-tech-grid { grid-template-columns: 1fr 1fr !important; gap: 5rem !important; } }\n  \n  .kk-tech-content-side { \n    display: flex !important; \n    flex-direction: column !important; \n    justify-content: space-between !important; \n    box-sizing: border-box !important; \n    height: 680px !important;\n  }\n  @media (min-width: 768px) { \n    .kk-tech-content-side { height: 580px !important; }\n  }\n  @media (min-width: 1024px) { \n    .kk-tech-content-side { height: 660px !important; }\n  }\n\n  .kk-tech-title-holder { \n    height: 90px !important; \n    display: flex !important; \n    align-items: center !important; \n    margin-bottom: 1rem !important; \n    overflow: visible !important;\n  }\n  @media (min-width: 768px) { .kk-tech-title-holder { height: 110px !important; } }\n  \n  .kk-tech-slide-title { \n    font-family: \"Oswald\", sans-serif !important; \n    font-weight: 700 !important; \n    font-size: 2.25rem !important; \n    line-height: 1.25 !important; \n    color: #2e2780 !important; \n    text-transform: uppercase !important; \n    margin: 0 !important; \n    transition: opacity 0.3s ease !important; \n  }\n  @media (min-width: 768px) { \n    .kk-tech-slide-title { \n      font-size: 3.75rem !important; \n      line-height: 1 !important; \n    } \n  }\n  \n  .kk-tech-text-container { flex-grow: 1 !important; display: flex !important; align-items: center !important; margin: 1rem 0 !important; }\n  .kk-tech-text-holder { border-left: 8px solid #fcd34d !important; padding-left: 2rem !important; transition: opacity 0.3s ease !important; width: 100% !important; }\n  .kk-tech-text-holder p { font-family: \"Raleway\", sans-serif !important; font-weight: 500 !important; font-size: 1.15rem !important; color: #0f172a !important; line-height: 1.6 !important; margin: 0 0 1rem 0 !important; }\n  .kk-tech-text-holder p:last-child { margin-bottom: 0 !important; }\n  @media (min-width: 768px) { .kk-tech-text-holder p { font-size: 1.35rem !important; } }\n  \n  .kk-tech-controls-row { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 2rem !important; padding-top: 1rem !important; box-sizing: border-box !important; }\n  .kk-tech-cta-btn { font-family: \"Oswald\", sans-serif !important; font-weight: 700 !important; font-size: 1.5rem !important; color: #ffffff !important; background-color: #2e2780 !important; text-transform: uppercase !important; padding: 1.5rem 3rem !important; border-radius: 4px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 1rem !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 10px 25px rgba(46,39,128,0.2) !important; }\n  .kk-tech-cta-btn:hover { background-color: #3b33a0 !important; transform: translateY(-2px) !important; }\n  .kk-tech-cta-btn svg { transition: transform 0.3s ease !important; }\n  .kk-tech-cta-btn:hover svg { transform: translateX(6px) !important; }\n  \n  .kk-tech-nav-group { display: flex !important; align-items: center !important; gap: 1.5rem !important; }\n  .kk-tech-nav-btn { width: 56px !important; height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #2e2780 !important; background: transparent !important; border-radius: 50% !important; cursor: pointer !important; transition: all 0.3s ease !important; padding: 0 !important; box-sizing: border-box !important; }\n  \n  #kkTechPrev { border: 2px solid #e2e8f0 !important; }\n  #kkTechPrev:hover { background-color: #fcd34d !important; border-color: #fcd34d !important; }\n  \n  .kk-tech-next-wrapper { position: relative !important; width: 56px !important; height: 56px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }\n  #kkTechNext { border: 2px solid transparent !important; position: relative !important; z-index: 5 !important; }\n  #kkTechNext:hover { background-color: #fcd34d !important; }\n  \n  .kk-tech-image-side { position: relative !important; border-radius: 8px !important; overflow: hidden !important; cursor: pointer !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; width: 100% !important; height: 380px !important; }\n  @media (min-width: 768px) { .kk-tech-image-side { height: 480px !important; } } \n  @media (min-width: 1024px) { .kk-tech-image-side { height: 660px !important; } }\n  \n  .kk-tech-img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; }\n  .kk-tech-image-side:hover .kk-tech-img { transform: scale(1.04) !important; }\n  .kk-tech-img-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to top right, rgba(46,39,128,0.35), transparent) !important; pointer-events: none !important; }\n  \n  .kk-fade-out { opacity: 0.3 !important; }\n\n  \/* Mobil: p\u0159eskupen\u00ed po\u0159ad\u00ed \u2014 tla\u010d\u00edtko pod fotkou *\/\n  @media (max-width: 767px) {\n    .kk-tech-grid {\n      display: flex !important;\n      flex-direction: column !important;\n    }\n    .kk-tech-content-side {\n      display: contents !important;\n      height: auto !important;\n    }\n    .kk-tech-title-holder {\n      order: 1 !important;\n    }\n    .kk-tech-text-container {\n      order: 2 !important;\n    }\n    .kk-tech-image-side {\n      order: 3 !important;\n    }\n    .kk-tech-controls-row {\n      order: 4 !important;\n      padding-top: 0 !important;\n    }\n  }\n<\/style>\n\n<section id=\"sluzby-sekce\" class=\"kk-tech-section\">\n  <div class=\"kk-tech-container\">\n    \n    <div class=\"kk-tech-header\">\n      <h2 class=\"kk-tech-title\">\n        Vyberte si z na\u0161ich technologi\u00ed<br>\n        <span>tu pravou pro va\u0161e v\u00fdrobky<\/span>\n      <\/h2>\n      <div class=\"kk-tech-divider\"><\/div>\n    <\/div>\n    \n    <div class=\"kk-tech-grid\">\n      \n      <div class=\"kk-tech-content-side\">\n        <div class=\"kk-tech-title-holder\">\n          <h3 class=\"kk-tech-slide-title\" id=\"kkTechTitle\">\n            <span style=\"font-size: 98%; white-space: nowrap;\">Laserov\u00e9 \u0159ez\u00e1n\u00ed<\/span>\n          <\/h3>\n        <\/div>\n        \n        <div class=\"kk-tech-text-container\">\n          <div class=\"kk-tech-text-holder\" id=\"kkTechTexts\">\n            <p>Na\u0161e \u0161pi\u010dkov\u00e9 laserov\u00e9 stanice p\u0159edstavuj\u00ed absolutn\u00ed vrchol v oblasti d\u011blen\u00ed materi\u00e1l\u016f, kde zaji\u0161\u0165uj\u00ed maxim\u00e1ln\u00ed mo\u017enou p\u0159esnost i u t\u011bch nejn\u00e1ro\u010dn\u011bj\u0161\u00edch geometrick\u00fdch tvar\u016f. D\u00edky nasazen\u00ed nejnov\u011bj\u0161\u00edch technologi\u00ed aktivn\u011b minimalizujeme tepeln\u00e9 ovlivn\u011bn\u00ed materi\u00e1lu, co\u017e v praxi zaru\u010duje dokonalou tvarovou st\u00e1lost a \u0161pi\u010dkovou kvalitu \u0159ezn\u00fdch hran.<\/p>\n            <p>V\u00fdsledn\u00e9 komponenty jsou natolik precizn\u00ed, \u017ee ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f ji\u017e nevy\u017eaduj\u00ed \u017e\u00e1dn\u00e9 dal\u0161\u00ed n\u00e1kladn\u00e9 opracov\u00e1n\u00ed, \u010d\u00edm\u017e v\u00fdrazn\u011b urychlujeme cel\u00fd v\u00fdrobn\u00ed proces a \u0161et\u0159\u00edme va\u0161e n\u00e1klady.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"kk-tech-controls-row\">\n          <a href=\"http:\/\/www.kkmetal.cz\/?page_id=2760\" class=\"kk-tech-cta-btn\" id=\"kkTechCta\">\n            Detail technologie\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/a>\n          \n          <div class=\"kk-tech-nav-group\">\n            <button class=\"kk-tech-nav-btn\" id=\"kkTechPrev\" aria-label=\"P\u0159edchoz\u00ed\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n            <\/button>\n            \n            <div class=\"kk-tech-next-wrapper\">\n              <button class=\"kk-tech-nav-btn\" id=\"kkTechNext\" aria-label=\"Dal\u0161\u00ed\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n              <\/button>\n              \n              <svg id=\"kkTechSvgLoader\" width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position: absolute !important; top: 0 !important; left: 0 !important; width: 56px !important; height: 56px !important; transform: rotate(-90deg) !important; pointer-events: none !important; z-index: 10 !important; display: block !important; overflow: visible !important;\">\n                <circle cx=\"28\" cy=\"28\" r=\"26\" style=\"fill: transparent !important; fill-opacity: 0 !important; stroke: #e2e8f0 !important; stroke-width: 3px !important; stroke-opacity: 1 !important;\"><\/circle>\n                <circle id=\"kkTechCircle\" cx=\"28\" cy=\"28\" r=\"26\" stroke-dasharray=\"163.36\" stroke-dashoffset=\"163.36\" style=\"fill: transparent !important; fill-opacity: 0 !important; stroke: #2e2780 !important; stroke-width: 3px !important; stroke-opacity: 1 !important; stroke-dasharray: 163.36 !important; stroke-dashoffset: 163.36 !important; transition: stroke-dashoffset 0.05s linear !important;\"><\/circle>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"kk-tech-image-side\" id=\"kkTechImageTrigger\">\n        <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/20220322_134423.jpg\" alt=\"Laserov\u00e9 \u0159ez\u00e1n\u00ed\" class=\"kk-tech-img\" id=\"kkTechImage\">\n        <div class=\"kk-tech-img-overlay\"><\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    var sections = [\n      {\n        title: \"Laserov\u00e9 \u0159ez\u00e1n\u00ed\",\n        paragraphs: [\n          \"Na\u0161e \u0161pi\u010dkov\u00e9 laserov\u00e9 stanice p\u0159edstavuj\u00ed absolutn\u00ed vrchol v oblasti d\u011blen\u00ed materi\u00e1l\u016f, kde zaji\u0161\u0165uj\u00ed maxim\u00e1ln\u00ed mo\u017enou p\u0159esnost i u t\u011bch nejn\u00e1ro\u010dn\u011bj\u0161\u00edch geometrick\u00fdch tvar\u016f. D\u00edky nasazen\u00ed nejnov\u011bj\u0161\u00edch technologi\u00ed aktivn\u011b minimalizujeme tepeln\u00e9 ovlivn\u011bn\u00ed materi\u00e1lu, co\u017e v praxi zaru\u010duje dokonalou tvarovou st\u00e1lost a \u0161pi\u010dkovou kvalitu \u0159ezn\u00fdch hran.\",\n          \"V\u00fdsledn\u00e9 komponenty jsou natolik precizn\u00ed, \u017ee ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f ji\u017e nevy\u017eaduj\u00ed \u017e\u00e1dn\u00e9 dal\u0161\u00ed n\u00e1kladn\u00e9 opracov\u00e1n\u00ed, \u010d\u00edm\u017e v\u00fdrazn\u011b urychlujeme cel\u00fd v\u00fdrobn\u00ed proces a \u0161et\u0159\u00edme va\u0161e n\u00e1klady.\"\n        ],\n        image: \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/20220322_134423.jpg\",\n        view: \"laser\",\n        url: \"http:\/\/www.kkmetal.cz\/?page_id=2760\"\n      },\n      {\n        title: \"Oh\u00fdb\u00e1n\u00ed a St\u0159\u00edh\u00e1n\u00ed\",\n        paragraphs: [\n          \"Disponujeme modern\u00edmi CNC ohra\u0148ovac\u00edmi lisy s vysokou lisovac\u00ed silou, kter\u00e9 n\u00e1m umo\u017e\u0148uj\u00ed precizn\u00ed tvarov\u00e1n\u00ed v\u00fdpalk\u016f p\u0159esn\u011b podle va\u0161\u00ed dodan\u00e9 v\u00fdkresov\u00e9 dokumentace. Dok\u00e1\u017eeme realizovat i ty nejslo\u017eit\u011bj\u0161\u00ed ohyby, a\u0165 u\u017e se jedn\u00e1 o drobn\u00e9 a detailn\u00ed komponenty nebo o velk\u00e9 konstruk\u010dn\u00ed d\u00edly z plech\u016f vysok\u00e9 pevnosti.\",\n          \"Cel\u00fd proces je pod p\u0159\u00edsnou kontrolou kvality, abychom zajistili naprost\u00e9 dodr\u017een\u00ed stanoven\u00fdch \u00fahl\u016f a minim\u00e1ln\u00ed tolerance, co\u017e je kl\u00ed\u010dov\u00e9 pro bezprobl\u00e9movou n\u00e1vaznost p\u0159i va\u0161\u00ed n\u00e1sledn\u00e9 mont\u00e1\u017ei \u010di sva\u0159ov\u00e1n\u00ed.\"\n        ],\n        image: \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/20260420_125334.jpg\",\n        view: \"bending\",\n        url: \"http:\/\/www.kkmetal.cz\/?page_id=2731\"\n      },\n      {\n        title: \"Skladov\u00e1n\u00ed a prodej\",\n        paragraphs: [\n          \"Udr\u017eujeme rozs\u00e1hl\u00e9 skladov\u00e9 z\u00e1soby plech\u016f v r\u016fzn\u00fdch tlou\u0161\u0165k\u00e1ch a jakostech, co\u017e n\u00e1m dovoluje okam\u017eit\u011b reagovat na va\u0161e popt\u00e1vky bez zbyte\u010dn\u00fdch dodavatelsk\u00fdch prodlev. Abychom zajistili kompletn\u00ed servis, disponujeme vlastn\u00edm modern\u00edm vozov\u00fdm parkem pro bezpe\u010dnou p\u0159epravu materi\u00e1lu p\u0159\u00edmo k v\u00e1m.\",\n          \"Pro p\u0159epravu t\u011b\u017ek\u00fdch n\u00e1klad\u016f vyu\u017e\u00edv\u00e1me v\u00fdkonn\u00e1 n\u00e1kladn\u00ed auta, zat\u00edmco na\u0161e flexibiln\u00ed dod\u00e1vky jsou p\u0159ipraveny pro expresn\u00ed rozvoz hotov\u00fdch v\u00fdpalk\u016f i men\u0161\u00edch zak\u00e1zek, \u010d\u00edm\u017e garantujeme doru\u010den\u00ed ve spr\u00e1vn\u00fd \u010das na spr\u00e1vn\u00e9 m\u00edsto.\"\n        ],\n        image: \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/20260323_113032.jpg\",\n        view: \"sale\",\n        url: \"http:\/\/www.kkmetal.cz\/?page_id=2710\"\n      },\n      {\n        title: \"Odjehlov\u00e1n\u00ed\",\n        paragraphs: [\n          \"V r\u00e1mci fin\u00e1ln\u00edch \u00faprav proch\u00e1z\u00ed ka\u017ed\u00fd vyroben\u00fd v\u00fdpalek d\u016fkladn\u00fdm procesem strojn\u00edho \u010di\u0161t\u011bn\u00ed povrchu a v\u0161ech \u0159ezn\u00fdch hran, aby byly odstran\u011bny ve\u0161ker\u00e9 ot\u0159epy a ostr\u00e9 v\u00fdstupky. T\u00edmto krokem z\u00e1sadn\u011b zvy\u0161ujeme bezpe\u010dnost p\u0159i dal\u0161\u00ed manipulaci a mont\u00e1\u017ei, ale tak\u00e9 v\u00fdrazn\u011b zlep\u0161ujeme celkovou estetickou \u00farove\u0148 a u\u017eitnou hodnotu ka\u017ed\u00e9ho v\u00fdrobku.\",\n          \"Profesion\u00e1ln\u00ed odjehlen\u00ed nav\u00edc vytv\u00e1\u0159\u00ed ide\u00e1ln\u00ed kotevn\u00ed profil pro n\u00e1sledn\u00e9 povrchov\u00e9 \u00fapravy, jako je pr\u00e1\u0161kov\u00e9 lakov\u00e1n\u00ed, galvanick\u00e9 zinkov\u00e1n\u00ed \u010di lakov\u00e1n\u00ed, \u010d\u00edm\u017e zaji\u0161\u0165ujeme dlouhou \u017eivotnost a odolnost.\"\n        ],\n        image: \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/20220322_134406.jpg\",\n        view: \"deburring\",\n        url: \"http:\/\/www.kkmetal.cz\/?page_id=2769\"\n      }\n    ];\n\n    var currentIndex = 0;\n    var progress = 0;\n    var autoPlayInterval = 15000; \n    var stepTime = 50; \n    var step = 100 \/ (autoPlayInterval \/ stepTime);\n    var timer = null;\n\n    var titleEl = document.getElementById('kkTechTitle');\n    var textsEl = document.getElementById('kkTechTexts');\n    var ctaEl = document.getElementById('kkTechCta');\n    var imgEl = document.getElementById('kkTechImage');\n    var circleEl = document.getElementById('kkTechCircle');\n    var prevBtn = document.getElementById('kkTechPrev');\n    var nextBtn = document.getElementById('kkTechNext');\n    var imgTrigger = document.getElementById('kkTechImageTrigger');\n\n    var maxOffset = 163.36; \n\n    function updateSlider(index) {\n      currentIndex = index;\n      progress = 0;\n      \n      if (titleEl) titleEl.classList.add('kk-fade-out');\n      if (textsEl) textsEl.classList.add('kk-fade-out');\n      \n      setTimeout(function() {\n        var currentData = sections[currentIndex];\n        \n        if (titleEl) {\n          titleEl.innerHTML = '<span style=\"font-size: 98%; white-space: nowrap;\">' + currentData.title + '<\/span>';\n        }\n        \n        if (ctaEl) ctaEl.setAttribute('href', currentData.url);\n        \n        if (imgEl) {\n          imgEl.setAttribute('src', currentData.image);\n          imgEl.setAttribute('alt', currentData.title);\n        }\n        \n        var paragraphsHtml = '';\n        currentData.paragraphs.forEach(function(p) {\n          paragraphsHtml += '<p>' + p + '<\/p>';\n        });\n        if (textsEl) textsEl.innerHTML = paragraphsHtml;\n        \n        if (titleEl) titleEl.classList.remove('kk-fade-out');\n        if (textsEl) textsEl.classList.remove('kk-fade-out');\n      }, 150);\n    }\n\n    function nextSlide() {\n      var nextIndex = (currentIndex + 1) % sections.length;\n      updateSlider(nextIndex);\n    }\n\n    function prevSlide() {\n      var prevIndex = (currentIndex - 1 + sections.length) % sections.length;\n      updateSlider(prevIndex);\n    }\n\n    function startTimer() {\n      if (timer) clearInterval(timer);\n      \n      timer = setInterval(function() {\n        progress += step;\n        if (progress >= 100) {\n          progress = 0;\n          nextSlide();\n        }\n        var offset = maxOffset - (maxOffset * progress) \/ 100;\n        if (circleEl) {\n          circleEl.style.setProperty('stroke-dashoffset', offset + '', 'important');\n        }\n      }, stepTime);\n    }\n\n    if (nextBtn) {\n      nextBtn.addEventListener('click', function() {\n        nextSlide();\n        startTimer();\n      });\n    }\n\n    if (prevBtn) {\n      prevBtn.addEventListener('click', function() {\n        prevSlide();\n        startTimer();\n      });\n    }\n\n    if (imgTrigger) {\n      imgTrigger.addEventListener('click', function() {\n        window.location.href = sections[currentIndex].url;\n      });\n    }\n\n    startTimer();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-282f33e e-con-full e-flex e-con e-parent\" data-id=\"282f33e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a63d9b8 elementor-widget elementor-widget-html\" data-id=\"a63d9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .kk-why-section { \n    padding: 5rem 0 !important; \n    background-color: #f8f8f8 !important; \n    overflow: hidden !important; \n    box-sizing: border-box !important; \n  }\n  .kk-why-container { \n    width: 100% !important; \n    max-width: 1280px !important; \n    margin: 0 auto !important; \n    padding: 0 1rem !important; \n    box-sizing: border-box !important; \n  }\n  @media (min-width: 768px) { .kk-why-container { padding: 0 2rem !important; } }\n  \n  .kk-why-header { \n    text-align: center !important; \n    margin-bottom: 6rem !important; \n  }\n  .kk-why-main-title { \n    font-family: \"Oswald\", sans-serif !important; \n    font-weight: 700 !important; \n    font-size: 3rem !important; \n    color: #2e2780 !important; \n    text-transform: uppercase !important; \n    line-height: 1.1 !important; \n    letter-spacing: -0.025em !important;\n    margin: 0 !important;\n  }\n  @media (min-width: 768px) { \n    .kk-why-main-title { \n      font-size: 4.5rem !important; \n      line-height: 1 !important; \n    } \n  }\n  \n  .kk-why-accent-wrapper { \n    position: relative !important; \n    display: inline-block !important; \n  }\n  .kk-why-accent-line { \n    position: absolute !important; \n    bottom: -18px !important; \n    left: 0 !important; \n    width: 100% !important; \n    height: 8px !important; \n    background-color: #fcd34d !important; \n    z-index: 1 !important;\n  }\n  @media (min-width: 768px) { \n    .kk-why-accent-line { \n      height: 12px !important; \n      bottom: -24px !important; \n    } \n  }\n  \n  .kk-why-grid { \n    display: grid !important; \n    grid-template-columns: 1fr !important; \n    gap: 3rem !important; \n  }\n  @media (min-width: 768px) { \n    .kk-why-grid { grid-template-columns: repeat(2, 1fr) !important; } \n  }\n  @media (min-width: 1024px) { \n    .kk-why-grid { grid-template-columns: repeat(5, 1fr) !important; } \n  }\n\n  \/* Tablet: posledn\u00ed (5.) prvek vycentrovat *\/\n  @media (min-width: 768px) and (max-width: 1023px) {\n    .kk-why-item:last-child {\n      grid-column: 1 \/ -1 !important;\n      justify-self: center !important;\n      width: 50% !important;\n    }\n  }\n  \n  .kk-why-item { \n    display: flex !important; \n    flex-direction: column !important; \n    align-items: center !important; \n    text-align: center !important; \n    cursor: default !important;\n  }\n  \n  .kk-why-icon-box { \n    width: 112px !important; \n    height: 112px !important; \n    display: flex !important; \n    align-items: center !important; \n    justify-content: center !important; \n    background-color: #ffffff !important; \n    color: #2e2780 !important; \n    border-radius: 2px !important; \n    margin-bottom: 2rem !important; \n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04) !important; \n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; \n  }\n  \n  .kk-why-item:hover .kk-why-icon-box { \n    background-color: #fcd34d !important; \n    transform: translateY(-12px) !important; \n  }\n  \n  .kk-why-item-title { \n    font-family: \"Oswald\", sans-serif !important; \n    font-weight: 700 !important; \n    font-size: 1.25rem !important; \n    color: #2e2780 !important; \n    line-height: 1.25 !important; \n    text-transform: uppercase !important; \n    margin: 0 !important; \n  }\n  @media (min-width: 768px) { \n    .kk-why-item-title { font-size: 1.5rem !important; } \n  }\n<\/style>\n\n<section class=\"kk-why-section\">\n  <div class=\"kk-why-container\">\n    \n    <div class=\"kk-why-header\">\n      <h2 class=\"kk-why-main-title\">\n        Pro\u010d si vybrat \n        <span class=\"kk-why-accent-wrapper\">\n          KK METAL\n          <span class=\"kk-why-accent-line\"><\/span>\n        <\/span>?\n      <\/h2>\n    <\/div>\n    \n    <div class=\"kk-why-grid\">\n      \n      <div class=\"kk-why-item\">\n        <div class=\"kk-why-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"overflow: visible !important;\"><path d=\"M20 13c0 5-3.5 7.5-7.66 9.7a1 1 0 0 1-.68 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 .76-.97l8-2a1 1 0 0 1 .48 0l8 2A1 1 0 0 1 20 6v7z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"kk-why-item-title\">P\u0159es 30 let na trhu<\/h3>\n      <\/div>\n      \n      <div class=\"kk-why-item\">\n        <div class=\"kk-why-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"overflow: visible !important;\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n        <\/div>\n        <h3 class=\"kk-why-item-title\">Nejmodern\u011bj\u0161\u00ed laserov\u00e9 vybaven\u00ed<\/h3>\n      <\/div>\n      \n      <div class=\"kk-why-item\">\n        <div class=\"kk-why-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"overflow: visible !important;\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.29 7 12 12 20.71 7\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <h3 class=\"kk-why-item-title\">Skladem v\u00edce jak 1200 tun plechu<\/h3>\n      <\/div>\n      \n      <div class=\"kk-why-item\">\n        <div class=\"kk-why-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"overflow: visible !important;\"><path d=\"m12 3-10 5 10 5 10-5-10-5Z\"\/><path d=\"m2 17 10 5 10-5\"\/><path d=\"m2 12 10 5 10-5\"\/><\/svg>\n        <\/div>\n        <h3 class=\"kk-why-item-title\">Zpracov\u00e1n\u00ed plech\u016f a\u017e do tlou\u0161\u0165ky 25 mm<\/h3>\n      <\/div>\n      \n      <div class=\"kk-why-item\">\n        <div class=\"kk-why-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"overflow: visible !important;\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\" ry=\"2\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        <h3 class=\"kk-why-item-title\">Vlastn\u00ed doprava<\/h3>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f12a87 e-con-full e-flex e-con e-parent\" data-id=\"9f12a87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00bfabc elementor-widget elementor-widget-html\" data-id=\"00bfabc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@700&family=Raleway:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<style>\n  \/* Hlavn\u00ed nadpisy a v\u0161e s t\u0159\u00eddou .font-heading MUS\u00cd m\u00edt font Oswald *\/\n  .elementor-html-footer h2, \n  .elementor-html-footer h3, \n  .elementor-html-footer .font-heading {\n    font-family: 'Oswald', sans-serif !important;\n  }\n  \n  \/* B\u011b\u017en\u00fd text a cel\u00e9 t\u011blo pati\u010dky MUS\u00cd m\u00edt font Raleway *\/\n  .elementor-html-footer {\n    font-family: 'Raleway', sans-serif !important;\n  }\n\n  \/* P\u0159esn\u00e1 definice velikosti textu \"Nev\u00edte si rady?\" z va\u0161eho CSS *\/\n  .hlavni-nadpis {\n    font-size: 3rem !important; \n    line-height: 1 !important;   \n    letter-spacing: -0.025em !important; \n    font-weight: 700 !important; \n  }\n\n  \/* Responzivn\u00ed zv\u011bt\u0161en\u00ed na 4.5rem (72px) pro obrazovky od 768px (md) v\u00fd\u0161e *\/\n  @media (min-width: 48rem) {\n    .hlavni-nadpis {\n      font-size: 4.5rem !important; \n      line-height: 1 !important;    \n    }\n  }\n<\/style>\n\n<div class=\"elementor-html-footer\">\n  <footer class=\"bg-[#2e2780] text-white pt-24\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n      \n      <div class=\"text-center mb-20\">\n        <h2 class=\"hlavni-nadpis text-white uppercase mb-6\">\n          Nev\u00edte si rady?\n        <\/h2>\n        <p class=\"text-xl md:text-3xl text-[#fcd34d] font-normal\">\n          Ozv\u011bte se a my v\u00e1m r\u00e1di pom\u016f\u017eeme.\n        <\/p>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 pb-4\">\n        \n        <div class=\"flex flex-col items-center text-center p-10 bg-white\/5 rounded-sm hover:bg-white\/10 transition-all group\">\n          <p class=\"text-[#fcd34d] font-heading font-bold text-2xl tracking-wider mb-6 uppercase\">\n            Zavolejte n\u00e1m\n          <\/p>\n          <a href=\"tel:+420582362480\" class=\"p-5 bg-[#fcd34d] text-[#2e2780] rounded-full mb-6 group-hover:scale-110 transition-transform flex items-center justify-center\">\n            <i data-lucide=\"phone\" class=\"w-9 h-9\"><\/i>\n          <\/a>\n          <div class=\"flex flex-col items-center\">\n            <a href=\"tel:+420582362480\" class=\"font-heading font-bold text-2xl hover:text-[#fcd34d] transition-colors\">\n              582 362 480\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col items-center text-center p-10 bg-white\/5 rounded-sm hover:bg-white\/10 transition-all group\">\n          <p class=\"text-[#fcd34d] font-heading font-bold text-2xl uppercase tracking-wider mb-6\">\n            Napi\u0161te n\u00e1m\n          <\/p>\n          <a href=\"mailto:kkmetal@kkmetal.cz\" class=\"p-5 bg-[#fcd34d] text-[#2e2780] rounded-full mb-6 group-hover:scale-110 transition-transform flex items-center justify-center\">\n            <i data-lucide=\"mail\" class=\"w-9 h-9\"><\/i>\n          <\/a>\n          <div class=\"flex flex-col items-center\">\n            <a href=\"mailto:kkmetal@kkmetal.cz\" class=\"font-heading font-bold text-2xl hover:text-[#fcd34d] transition-colors\">\n              kkmetal@kkmetal.cz\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col items-center text-center p-10 bg-white\/5 rounded-sm hover:bg-white\/10 transition-all group\">\n          <p class=\"text-[#fcd34d] font-heading font-bold text-2xl tracking-wider mb-6 leading-tight uppercase\">\n            nav\u0161tivte n\u00e1s\n          <\/p>\n          <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Domamyslick\u00e1+204%2F126%2C+Prost\u011bjov\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-5 bg-[#fcd34d] text-[#2e2780] rounded-full mb-6 group-hover:scale-110 transition-transform flex items-center justify-center\">\n            <i data-lucide=\"map-pin\" class=\"w-9 h-9\"><\/i>\n          <\/a>\n          <div class=\"flex flex-col items-center\">\n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Domamyslick\u00e1+204%2F126%2C+Prost\u011bjov\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"font-heading font-bold text-2xl hover:text-[#fcd34d] transition-colors\">\n              Domamyslick\u00e1 204\/126, Prost\u011bjov\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"map\" class=\"pb-4\">\n        <div class=\"rounded-sm overflow-hidden h-[450px] shadow-2xl grayscale-0 transition-all duration-700\">\n          <iframe \n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2605.9754854060855!2d17.09459527663244!3d49.24355527138379!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4712b1b369598687%3A0x6b4a3a31c8d0a80e!2sDomamyslick%C3%A1%20204%2F126%2C%20796%2004%20Prost%C4%9Bjov!5e0!3m2!1scs!2scz!4v1717183000000!5m2!1scs!2scz\" \n            width=\"100%\" \n            height=\"100%\" \n            style=\"border: 0;\" \n            allowfullscreen=\"\" \n            loading=\"lazy\"\n            title=\"Google Maps\"\n          ><\/iframe>\n        <\/div>\n      <\/div>\n\n      <div class=\"py-4 flex flex-col md:flex-row justify-between items-center text-white\/30 text-[10px] tracking-widest\">\n        <p>\u00a9 2026 K-K Metal, a.s. V\u0161echna pr\u00e1va vyhrazena.<\/p>\n        <div class=\"flex gap-8 mt-4 md:mt-0\">\n          <a href=\"#\" class=\"hover:text-white transition-colors\">Cookies<\/a>\n          <a href=\"#\" class=\"hover:text-white transition-colors\">Ochrana \u00fadaj\u016f<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\n  lucide.createIcons();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00davodn\u00ed str\u00e1nka Slu\u017eby Prodej plech\u016f Oh\u00fdb\u00e1n\u00ed a st\u0159\u00edh\u00e1n\u00ed Laserov\u00e9 \u0159ez\u00e1n\u00ed Odjehlen\u00ed Aktuality Kontakty \u00davodn\u00ed str\u00e1nka Slu\u017eby Prodej plech\u016f Oh\u00fdb\u00e1n\u00ed a st\u0159\u00edh\u00e1n\u00ed Laserov\u00e9 \u0159ez\u00e1n\u00ed Odjehlen\u00ed Aktuality Kontakty K-K Metal, a.s. \u2022 Prost\u011bjov V\u00edce jak 30 let zku\u0161enost\u00ed a pr\u00e1ce s ocel\u00ed Specializujeme se na prodej plech\u016f a kompletn\u00ed zpracov\u00e1n\u00ed plech\u016f od p\u0159esn\u00e9ho \u0159ez\u00e1n\u00ed laserem, odjehlov\u00e1n\u00ed a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2657","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/2657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2657"}],"version-history":[{"count":108,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/2657\/revisions"}],"predecessor-version":[{"id":3305,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/2657\/revisions\/3305"}],"wp:attachment":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}