{"id":3626,"date":"2026-09-01T19:33:12","date_gmt":"2026-09-01T17:33:12","guid":{"rendered":"https:\/\/www.kkmetal.cz\/?page_id=3626"},"modified":"2026-09-01T20:18:13","modified_gmt":"2026-09-01T18:18:13","slug":"zavitovani","status":"publish","type":"page","link":"https:\/\/www.kkmetal.cz\/?page_id=3626","title":{"rendered":"Z\u00c1VITOV\u00c1N\u00cd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3626\" class=\"elementor elementor-3626\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39414eb e-con-full e-flex e-con e-parent\" data-id=\"39414eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04e5822 elementor-widget elementor-widget-html\" data-id=\"04e5822\" 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-container {\n    max-width: 80rem;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n  @media (min-width: 768px) {\n    .kk-header-container {\n      padding-left: 2rem;\n      padding-right: 2rem;\n    }\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=\"kk-header-container kk-header-row\">\n\n    <div class=\"flex items-center\">\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=2657\" aria-label=\"\u00davodn\u00ed str\u00e1nka\">\n        <img decoding=\"async\" src=\"\/\/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 href=\"\/\/www.kkmetal.cz\/?page_id=2657\" class=\"text-white hover:text-[#fcd34d] uppercase transition-colors\">\u00davodn\u00ed str\u00e1nka<\/a>\n\n      <div class=\"relative group py-4\">\n        <button class=\"flex items-center gap-2 uppercase transition-colors\" style=\"background: transparent; border: none; cursor: pointer; padding: 0; color: #fcd34d !important;\">\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=\"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=\"\/\/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=\"\/\/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=\"\/\/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=\"\/\/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            <a href=\"\/\/www.kkmetal.cz\/?page_id=3626\" class=\"px-6 py-4 text-left text-xs font-bold tracking-widest text-white hover:text-[#fcd34d] uppercase block\">Z\u00e1vitov\u00e1n\u00ed<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=2781\" class=\"text-white hover:text-[#fcd34d] uppercase transition-colors\">Aktuality<\/a>\n      <a href=\"\/\/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=\"\/\/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=\"\/\/www.kkmetal.cz\/?page_id=2710\">Prodej plech\u016f<\/a>\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=2731\">Oh\u00fdb\u00e1n\u00ed a st\u0159\u00edh\u00e1n\u00ed<\/a>\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=2760\">Laserov\u00e9 \u0159ez\u00e1n\u00ed<\/a>\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=2769\">Odjehlen\u00ed<\/a>\n      <a href=\"\/\/www.kkmetal.cz\/?page_id=3626\">Z\u00e1vitov\u00e1n\u00ed<\/a>\n    <\/div>\n\n    <a href=\"\/\/www.kkmetal.cz\/?page_id=2781\">Aktuality<\/a>\n    <a href=\"\/\/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 class=\"elementor-element elementor-element-e6200d5 elementor-widget elementor-widget-html\" data-id=\"e6200d5\" 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<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\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;800&family=Raleway:wght@400;700&family=Oswald:wght@600;700&display=swap\" rel=\"stylesheet\">\n  <style>\n    * { box-sizing: border-box; }\n    body { margin: 0; background: #ffffff; font-family: 'Raleway', sans-serif; color: #111827; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }\n\n    .container {\n      width: 100%;\n      max-width: 1280px;\n      margin-left: auto;\n      margin-right: auto;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    @media (min-width: 768px) {\n      .container { padding-left: 2rem; padding-right: 2rem; }\n    }\n\n    \/* HERO *\/\n    .hero-section {\n      position: relative;\n      height: 80vh;\n      display: flex;\n      align-items: center;\n      padding-top: 5rem;\n      overflow: hidden;\n    }\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      opacity: 1;\n      filter: none;\n      background-image: url(\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/vrrrrr.png\");\n      background-size: cover;\n      background-position: center;\n      will-change: transform;\n    }\n    .hero-content { position: relative; z-index: 10; color: #ffffff; }\n    .hero-inner { max-width: 56rem; display: flex; flex-direction: column; gap: 1.5rem; }\n    .yellow-line { width: 4rem; height: 4px; background: #fcd34d; }\n\n    .hero-h1 {\n      font-family: 'Montserrat', sans-serif;\n      font-size: clamp(2.58rem, 7vw, 5.5rem);\n      font-weight: 800;\n      line-height: 1.05;\n      text-transform: uppercase;\n      color: #ffffff;\n      margin: 0;\n      text-shadow: none;\n    }\n    .hero-p {\n      font-family: 'Raleway', sans-serif;\n      font-size: clamp(1.1rem, 2.5vw, 1.875rem);\n      font-weight: 400;\n      color: #ffffff;\n      max-width: 48rem;\n      line-height: 1.4;\n      margin: 0;\n      text-shadow: none;\n    }\n\n    \/* TECHNICAL SECTION *\/\n    .technical-section {\n      padding-top: 6rem;\n      padding-bottom: 6rem;\n      background: #f9fafb;\n    }\n    .section-h2 {\n      font-family: 'Oswald', sans-serif;\n      font-size: clamp(3rem, 7vw, 4.5rem);\n      font-weight: 700;\n      color: #2e2780;\n      text-transform: uppercase;\n      letter-spacing: -0.02em;\n      line-height: 1;\n      margin: 0 0 3rem 0;\n    }\n    .params-grid {\n      display: grid;\n      gap: 2rem;\n    }\n    @media (min-width: 768px) {\n      .params-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    }\n\n    .param-card {\n      background: #ffffff;\n      padding: 3rem;\n      border-bottom: 8px solid #fcd34d;\n      box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n      display: flex;\n      align-items: center;\n      gap: 2rem;\n      transition: transform 0.4s ease-in-out !important;\n      will-change: transform !important;\n    }\n    .param-card:hover { transform: translateY(-12px) !important; }\n\n    .param-icon {\n      width: 5rem;\n      height: 5rem;\n      background: #2e2780;\n      color: #fcd34d;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n    .param-icon svg { width: 32px; height: 32px; stroke: #fcd34d; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n    .param-label {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 800;\n      font-size: 1.5rem;\n      color: #0f172a;\n      text-transform: uppercase;\n      margin: 0 0 0.5rem 0;\n    }\n    .param-value {\n      font-family: 'Oswald', sans-serif;\n      font-size: 2rem;\n      font-weight: 700;\n      color: #2e2780;\n      margin: 0;\n    }\n\n    \/* GALLERY *\/\n    .gallery-section {\n      padding-top: 8rem;\n      padding-bottom: 8rem;\n      background: #ffffff;\n    }\n    .gallery-heading { text-align: center; margin-bottom: 5rem; }\n    .gallery-h2 {\n      font-family: 'Oswald', sans-serif;\n      font-size: clamp(3rem, 7vw, 4.5rem);\n      font-weight: 700;\n      color: #2e2780;\n      text-transform: uppercase;\n      letter-spacing: -0.02em;\n      line-height: 1;\n      margin: 0 0 1.5rem 0;\n    }\n    .gallery-line { width: 6rem; height: 0.5rem; background: #fcd34d; margin: 0 auto; }\n\n    \/* 2x2 GRID \u2014 bigger cards *\/\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 1.5rem;\n    }\n\n    .gallery-item {\n      position: relative;\n      overflow: hidden;\n      cursor: pointer;\n      aspect-ratio: 4 \/ 3;\n      box-shadow: 0 4px 24px rgba(0,0,0,0.12);\n      background: #1a1a2e;\n    }\n\n    .gallery-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.55s ease;\n      will-change: transform;\n    }\n\n    \/* Yellow accent bar on bottom *\/\n    .gallery-item::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 5px;\n      background: #fcd34d;\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    .gallery-item:hover img {\n      transform: scale(1.06);\n      filter: brightness(0.75);\n    }\n    .gallery-item:hover::after {\n      transform: scaleX(1);\n    }\n\n    \/* Zoom icon overlay *\/\n    .gallery-overlay {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      pointer-events: none;\n    }\n    .gallery-item:hover .gallery-overlay { opacity: 1; }\n\n    .zoom-icon {\n      width: 60px;\n      height: 60px;\n      background: rgba(46, 39, 128, 0.85);\n      border: 2px solid #fcd34d;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      backdrop-filter: blur(4px);\n    }\n    .zoom-icon svg {\n      width: 26px;\n      height: 26px;\n      stroke: #fcd34d;\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* ===================== LIGHTBOX ===================== *\/\n    .lightbox {\n      position: fixed;\n      inset: 0;\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity 0.35s ease;\n    }\n    .lightbox.active {\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    .lightbox-backdrop {\n      position: absolute;\n      inset: 0;\n      background: rgba(10, 8, 30, 0.92);\n      backdrop-filter: blur(8px);\n      cursor: pointer;\n    }\n\n    .lightbox-stage {\n      position: relative;\n      z-index: 1;\n      max-width: 90vw;\n      max-height: 88vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .lightbox-img-wrap {\n      position: relative;\n      box-shadow: 0 40px 80px rgba(0,0,0,0.6);\n    }\n\n    .lightbox-img-wrap::before {\n      content: '';\n      position: absolute;\n      inset: -3px;\n      background: linear-gradient(135deg, #fcd34d, #2e2780, #fcd34d);\n      z-index: -1;\n      border-radius: 2px;\n    }\n\n    .lightbox-img {\n      display: block;\n      max-width: 88vw;\n      max-height: 84vh;\n      object-fit: contain;\n      border-radius: 1px;\n      transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease;\n    }\n\n    \/* Close button *\/\n    .lightbox-close {\n      position: fixed;\n      top: 1.5rem;\n      right: 1.5rem;\n      width: 48px;\n      height: 48px;\n      background: rgba(46, 39, 128, 0.9);\n      border: 2px solid #fcd34d;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.2s, transform 0.2s;\n      z-index: 2;\n    }\n    .lightbox-close:hover {\n      background: #2e2780;\n      transform: rotate(90deg);\n    }\n    .lightbox-close svg {\n      width: 20px;\n      height: 20px;\n      stroke: #fcd34d;\n      fill: none;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n    }\n\n    \/* Nav arrows *\/\n    .lightbox-nav {\n      position: fixed;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 52px;\n      height: 52px;\n      background: rgba(46, 39, 128, 0.85);\n      border: 2px solid #fcd34d;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.2s, transform 0.2s;\n      z-index: 2;\n    }\n    .lightbox-nav:hover { background: #2e2780; }\n    .lightbox-nav.prev { left: 1.25rem; }\n    .lightbox-nav.next { right: 1.25rem; }\n    .lightbox-nav.prev:hover { transform: translateY(-50%) translateX(-3px); }\n    .lightbox-nav.next:hover { transform: translateY(-50%) translateX(3px); }\n    .lightbox-nav svg {\n      width: 22px;\n      height: 22px;\n      stroke: #fcd34d;\n      fill: none;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* Counter *\/\n    .lightbox-counter {\n      position: fixed;\n      bottom: 1.5rem;\n      left: 50%;\n      transform: translateX(-50%);\n      font-family: 'Oswald', sans-serif;\n      font-size: 1rem;\n      font-weight: 600;\n      color: #fcd34d;\n      letter-spacing: 0.12em;\n      z-index: 2;\n    }\n\n    \/* Dots *\/\n    .lightbox-dots {\n      position: fixed;\n      bottom: 3rem;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 0.5rem;\n      z-index: 2;\n    }\n    .lb-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.3);\n      border: 1.5px solid rgba(252, 211, 77, 0.4);\n      transition: background 0.25s, transform 0.25s;\n      cursor: pointer;\n    }\n    .lb-dot.active {\n      background: #fcd34d;\n      border-color: #fcd34d;\n      transform: scale(1.3);\n    }\n\n    svg { display: block; }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- =============== HERO =============== -->\n  <section class=\"hero-section\">\n    <div class=\"hero-bg\"><\/div>\n    <div class=\"container hero-content\">\n      <div class=\"hero-inner\">\n        <div class=\"yellow-line\"><\/div>\n        <h1 class=\"hero-h1\">Z\u00e1vitov\u00e1n\u00ed<\/h1>\n        <p class=\"hero-p\">\n          \u0158ez\u00e1n\u00ed vnit\u0159n\u00edch metrick\u00fdch z\u00e1vit\u016f a\u017e do velikosti M24 na elektrick\u00e9m z\u00e1vito\u0159ezu Roscamat Tiger. Konstrukce s vyv\u00e1\u017een\u00fdm v\u00fdkyvn\u00fdm ramenem dr\u017e\u00ed n\u00e1stroj st\u00e1le kolmo k rovin\u011b upnut\u00ed, co\u017e zaru\u010duje souosost z\u00e1vitu i u velk\u00fdch a tvarov\u011b n\u00e1ro\u010dn\u00fdch v\u00fdpalk\u016f.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =============== TECHNICAL =============== -->\n  <section class=\"technical-section\">\n    <div class=\"container\">\n      <h2 class=\"section-h2\">Technick\u00e9 parametry<\/h2>\n      <div class=\"params-grid\">\n\n        <div class=\"param-card\">\n          <div class=\"param-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 8a2 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\"><\/path><path d=\"m3.3 7 8.7 5 8.7-5\"><\/path><path d=\"M12 22V12\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <p class=\"param-label\">Maxim\u00e1ln\u00ed velikost z\u00e1vitu<\/p>\n            <p class=\"param-value\">M24<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"param-card\">\n          <div class=\"param-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 20h20\"><\/path><path d=\"M6 20V10l6-6 6 6v10\"><\/path><path d=\"M10 20v-5h4v5\"><\/path><\/svg>\n          <\/div>\n          <div>\n            <p class=\"param-label\">Z\u00e1vito\u0159ez<\/p>\n            <p class=\"param-value\">Roscamat Tiger<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"param-card\">\n          <div class=\"param-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n          <\/div>\n          <div>\n            <p class=\"param-label\">Typ z\u00e1vitu<\/p>\n            <p class=\"param-value\">Vnit\u0159n\u00ed metrick\u00fd<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"param-card\">\n          <div class=\"param-icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n          <\/div>\n          <div>\n            <p class=\"param-label\">Pohon<\/p>\n            <p class=\"param-value\">Elektrick\u00fd<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =============== GALLERY =============== -->\n  <section class=\"gallery-section\">\n    <div class=\"container\">\n      <div class=\"gallery-heading\">\n        <h2 class=\"gallery-h2\">Galerie v\u00fdroby<\/h2>\n        <div class=\"gallery-line\"><\/div>\n      <\/div>\n      <div class=\"gallery-grid\">\n\n        <div class=\"gallery-item\" data-index=\"0\">\n          <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit1.jpg\" alt=\"Z\u00e1vitov\u00e1n\u00ed 1\" loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"zoom-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gallery-item\" data-index=\"1\">\n          <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit2.jpg\" alt=\"Z\u00e1vitov\u00e1n\u00ed 2\" loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"zoom-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gallery-item\" data-index=\"2\">\n          <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit3.jpg\" alt=\"Z\u00e1vitov\u00e1n\u00ed 3\" loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"zoom-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gallery-item\" data-index=\"3\">\n          <img decoding=\"async\" src=\"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit4.jpg\" alt=\"Z\u00e1vitov\u00e1n\u00ed 4\" loading=\"lazy\">\n          <div class=\"gallery-overlay\">\n            <div class=\"zoom-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =============== LIGHTBOX =============== -->\n  <div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"N\u00e1hled fotografie\">\n    <div class=\"lightbox-backdrop\" id=\"lb-backdrop\"><\/div>\n\n    <div class=\"lightbox-stage\">\n      <div class=\"lightbox-img-wrap\">\n        <img decoding=\"async\" class=\"lightbox-img\" id=\"lb-img\" src=\"\" alt=\"\">\n      <\/div>\n    <\/div>\n\n    <button class=\"lightbox-close\" id=\"lb-close\" aria-label=\"Zav\u0159\u00edt\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n\n    <button class=\"lightbox-nav prev\" id=\"lb-prev\" aria-label=\"P\u0159edchoz\u00ed\">\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n    <\/button>\n\n    <button class=\"lightbox-nav next\" id=\"lb-next\" aria-label=\"Dal\u0161\u00ed\">\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n    <\/button>\n\n    <div class=\"lightbox-dots\" id=\"lb-dots\"><\/div>\n    <div class=\"lightbox-counter\" id=\"lb-counter\"><\/div>\n  <\/div>\n\n  <script>\n    const images = [\n      \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit1.jpg\",\n      \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit2.jpg\",\n      \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit3.jpg\",\n      \"http:\/\/www.kkmetal.cz\/wp-content\/uploads\/2026\/06\/zavit4.jpg\"\n    ];\n\n    const lightbox   = document.getElementById('lightbox');\n    const lbImg      = document.getElementById('lb-img');\n    const lbClose    = document.getElementById('lb-close');\n    const lbPrev     = document.getElementById('lb-prev');\n    const lbNext     = document.getElementById('lb-next');\n    const lbBackdrop = document.getElementById('lb-backdrop');\n    const lbCounter  = document.getElementById('lb-counter');\n    const lbDots     = document.getElementById('lb-dots');\n\n    let current = 0;\n\n    \/\/ Build dots\n    images.forEach((_, i) => {\n      const dot = document.createElement('button');\n      dot.className = 'lb-dot' + (i === 0 ? ' active' : '');\n      dot.setAttribute('aria-label', `Fotografie ${i + 1}`);\n      dot.addEventListener('click', () => goTo(i));\n      lbDots.appendChild(dot);\n    });\n\n    function updateDots() {\n      lbDots.querySelectorAll('.lb-dot').forEach((d, i) => {\n        d.classList.toggle('active', i === current);\n      });\n    }\n\n    function showImage(index) {\n      current = (index + images.length) % images.length;\n      lbImg.style.opacity = '0';\n      lbImg.style.transform = 'scale(0.97)';\n      setTimeout(() => {\n        lbImg.src = images[current];\n        lbImg.alt = `Z\u00e1vitov\u00e1n\u00ed ${current + 1}`;\n        lbImg.style.opacity = '1';\n        lbImg.style.transform = 'scale(1)';\n      }, 160);\n      lbCounter.textContent = `${current + 1} \/ ${images.length}`;\n      updateDots();\n    }\n\n    function goTo(index) { showImage(index); }\n\n    function openLightbox(index) {\n      current = index;\n      showImage(current);\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n\n    \/\/ Attach click on gallery items\n    document.querySelectorAll('.gallery-item').forEach(item => {\n      item.addEventListener('click', () => {\n        openLightbox(parseInt(item.dataset.index));\n      });\n    });\n\n    lbClose.addEventListener('click', closeLightbox);\n    lbBackdrop.addEventListener('click', closeLightbox);\n    lbPrev.addEventListener('click', () => showImage(current - 1));\n    lbNext.addEventListener('click', () => showImage(current + 1));\n\n    \/\/ Keyboard navigation\n    document.addEventListener('keydown', e => {\n      if (!lightbox.classList.contains('active')) return;\n      if (e.key === 'Escape')      closeLightbox();\n      if (e.key === 'ArrowLeft')   showImage(current - 1);\n      if (e.key === 'ArrowRight')  showImage(current + 1);\n    });\n\n    \/\/ Touch \/ swipe support\n    let touchStartX = 0;\n    lightbox.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\n    lightbox.addEventListener('touchend', e => {\n      const dx = e.changedTouches[0].clientX - touchStartX;\n      if (Math.abs(dx) > 50) dx < 0 ? showImage(current + 1) : showImage(current - 1);\n    }, { passive: true });\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc01586 elementor-widget elementor-widget-html\" data-id=\"bc01586\" 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<div class=\"elementor-element elementor-element-3be6a9a e-flex e-con-boxed e-con e-parent\" data-id=\"3be6a9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\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 Z\u00e1vitov\u00e1n\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 Z\u00e1vitov\u00e1n\u00ed Aktuality Kontakty Z\u00e1vitov\u00e1n\u00ed \u0158ez\u00e1n\u00ed vnit\u0159n\u00edch metrick\u00fdch z\u00e1vit\u016f a\u017e do velikosti M24 na elektrick\u00e9m z\u00e1vito\u0159ezu Roscamat Tiger. Konstrukce s vyv\u00e1\u017een\u00fdm v\u00fdkyvn\u00fdm ramenem dr\u017e\u00ed n\u00e1stroj st\u00e1le kolmo k rovin\u011b upnut\u00ed, co\u017e [&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-3626","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/3626","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=3626"}],"version-history":[{"count":13,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/3626\/revisions"}],"predecessor-version":[{"id":3646,"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=\/wp\/v2\/pages\/3626\/revisions\/3646"}],"wp:attachment":[{"href":"https:\/\/www.kkmetal.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}