<!--
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢫⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠀⣿⣿⣿⣿⡛⢿⣿⣿⣿⣿⣿⣿⣿⠿⠛⠋⠉⠉⣩⣷⣿⣿⠟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠹⣿⣿⣿⠇⠀⠈⢿⣿⣿⡿⡋⠀⠀⠀⠀⠀⠀⠿⠿⠟⠉⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠙⢿⠇⠀⠀⠀⠀⠿⠋⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣇⠈⠙⠿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠓⠀⠀⠀⠀⠀⠀⠀⠠⠁⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡄⠀⠀⢀⢀⠤⠐⠒⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⠻⢿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠄⠀⠀⠤⢀⠀⠀⠠⡠⡪⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠛⠛⠛⠛⠛⠛⠛⠛⣹
⡿⢿⣿⣿⣿⣿⣿⣿⣧⣀⠀⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠠⠤⠀⠤⠄⠀⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿
⣷⡀⠀⠉⠉⠙⠛⠛⠋⠉⠁⠀⠀⠀⠀⠀⠀⠀⢀⠈⡠⠐⠉⠀⠀⠀⠀⠀⡐⢀⠀⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣾⣿⣿
⣿⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢀⠔⠈⠄⠀⠊⠀⠀⠀⠀⠐⠀⠀⠀⠀⠀⠑⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠿⠿⣿⣿⣿
⣿⣿⣿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠌⠀⠀⠀⠂⢀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠑⠄⡀⠁⠀⠀⠀⠀⠠⡀⠀⠀⠀⠀⠀⠀⠀⠀⠰⣦⣴⣶⣶⣿⣿
⣿⣿⣿⣿⣿⣦⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⢀⠄⠀⠄⠀⠀⠀⠀⡀⠀⡂⠀⠰⠀⠀⠀⠀⠀⠀⠀⠀⠀⠒⠂⠀⠀⠀⠈⢄⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿
⣿⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⢠⢀⠂⠀⠀⠀⡌⠀⠀⠀⠀⠀⠀⢀⠁⠀⠀⠄⠀⠂⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿
⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠆⡌⠀⠆⠀⢀⠀⠀⠁⠀⠀⠀⠀⢸⠀⠀⠀⠈⠂⠀⠠⠀⢸⠀⠀⠘⠀⠈⡀⠀⠀⢁⠀⠀⢀⠈⠄⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿
⡿⢁⣠⣶⡿⠋⢀⠀⠀⠀⠘⠀⠀⠀⠀⠀⠈⠀⢠⠀⠀⢀⠀⠀⢸⠀⠘⠀⠀⠀⠀⠁⠡⠜⠀⠀⠀⠇⠀⠁⠀⠀⠈⠀⠀⠸⠀⠂⠀⠀⠀⠀⠀⢶⣦⣤⣤⣴⣿⣿
⣷⣿⣿⡟⣡⡾⠃⠀⠀⠀⠇⢸⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠂⠀⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⢆⠀⠀⢰⠀⢰⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣿⣿
⣿⣿⣿⠿⠋⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠺⠄⣀⡀⠀⠀⢀⠀⡟⠀⠀⠀⠀⠀⠀⢸⠀⠀⡄⠄⠀⢸⢠⠈⠀⢄⠀⡄⠀⢠⠀⠀⠀⠀⠀⠀⠀⠀⠘⣿⣿⣿⣿⣿
⣿⣯⡁⠀⠀⠀⠀⠀⠀⠀⠀⢘⠀⠀⡆⠀⠀⠂⠀⠃⠢⢄⡘⠀⡇⠆⠀⢇⠀⠀⠀⢸⠂⠀⠃⠈⠀⢀⡠⠔⠋⢁⠰⠇⠀⡈⠀⠀⠀⠀⠀⠰⡄⠀⠀⣿⣿⣿⣿⣿
⣿⣿⣿⣷⣶⣦⣤⣤⠄⠀⠆⢰⠁⠀⠃⠀⣀⣈⣂⣀⣀⣀⠉⠳⣇⠈⡀⠀⠄⠀⠀⢸⠀⠄⠰⡠⠚⣉⣀⣼⣤⣤⣇⡀⢀⠃⠈⠀⠀⠀⠀⣆⢻⣆⠀⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⡟⠀⠀⠘⡸⠀⢂⠀⢆⢸⡟⠁⠀⡈⣻⣿⣷⣧⡑⢄⢄⡐⠄⠀⠀⠀⠘⠌⡤⠶⣿⣿⣷⡄⠈⡿⢁⡄⢰⠁⠀⠀⠀⠀⠸⣿⣿⣦⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⠟⠀⢀⣠⠀⠟⠀⠀⠂⠰⠸⠘⢄⠀⡄⠙⠻⠋⡝⠈⠂⠀⠁⠈⢄⠀⠆⠠⠊⠸⠒⠛⠋⢁⠇⡰⢁⠏⢀⠀⠀⠀⢠⡀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣯⣶⣾⣿⣿⡆⠐⢄⠁⠀⠀⠀⠀⠀⠀⠈⢖⣐⣚⠠⠄⠀⠀⠀⠀⠀⠁⢀⠀⠀⠀⣉⣒⡢⠥⠀⠀⠀⠇⡠⠂⠌⠀⢸⣿⣷⣶⣤⣤⣽⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠀⣵⣶⡀⠁⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠊⡠⠊⡆⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⡈⠐⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡈⢻⠀⣼⣿⣄⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣇⡀⠈⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠔⣄⣼⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣴⡄⢂⡀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣇⢰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣼⣿⣶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣾⣿⣿⡇⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⣿⣿⣿⣿⡇⠁⠂⢄⠀⠀⠀⠀⠀⠀⠄⢨⣿⣿⣿⣿⣿⠇⠙⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠃⠀⣭⡻⣿⣿⣷⣤⣀⠀⠈⠐⠤⠄⠀⠀⠀⣼⣿⣿⣿⢟⠋⠀⠀⠀⠀⠈⠉⠙⠛⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠋⠁⠀⠀⠠⣿⣿⣮⡻⣿⣿⣿⣿⣶⣦⣤⣤⣤⣶⣿⣿⣿⢟⣾⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠛⠉⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣷⡹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣵⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⣾⣿⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⢸⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢸⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠆⢸⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣁⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣸⣿⣿⣿⣿⣿⣿⣿
"Fuck off. Baka."
-->


<!doctype html>
<html
  
  lang="sk"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//elvaro.sk/cdn/shop/files/Elvaro_Logo_1080.png?crop=center&height=32&v=1773848114&width=32"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="EL_SK"
>
<meta
  property="og:url"
  content="https://elvaro.sk/collections/all"
>
<meta
  property="og:title"
  content="Produkty"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="EL_SK"
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Produkty"
>
<meta
  name="twitter:description"
  content="EL_SK"
>

<title>
  Produkty
 &ndash; EL_SK</title>

<link
  rel="canonical"
  href="https://elvaro.sk/collections/all"
>


<link href="//elvaro.sk/cdn/shop/t/2/assets/overflow-list.css?v=13500019909476584571773845602" as="style" rel="preload">
<link href="//elvaro.sk/cdn/shop/t/2/assets/base.css?v=179543140946678485911773845602" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//elvaro.sk/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//elvaro.sk/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//elvaro.sk/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//elvaro.sk/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//elvaro.sk/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511773845602",
      "@theme/product-title": "//elvaro.sk/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781773845602",
      "@theme/component": "//elvaro.sk/cdn/shop/t/2/assets/component.js?v=184240237101443119871773845602",
      "@theme/dialog": "//elvaro.sk/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021773845602",
      "@theme/events": "//elvaro.sk/cdn/shop/t/2/assets/events.js?v=1118589085892804011773845602",
      "@theme/focus": "//elvaro.sk/cdn/shop/t/2/assets/focus.js?v=60436577539430446401773845602",
      "@theme/morph": "//elvaro.sk/cdn/shop/t/2/assets/morph.js?v=102085577784545683451773845602",
      "@theme/paginated-list": "//elvaro.sk/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871773845602",
      "@theme/performance": "//elvaro.sk/cdn/shop/t/2/assets/performance.js?v=171015751390534793081773845602",
      "@theme/product-form": "//elvaro.sk/cdn/shop/t/2/assets/product-form.js?v=87407172394809519131773845602",
      "@theme/recently-viewed-products": "//elvaro.sk/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651773845602",
      "@theme/scrolling": "//elvaro.sk/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011773845602",
      "@theme/section-renderer": "//elvaro.sk/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121773845602",
      "@theme/section-hydration": "//elvaro.sk/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311773845602",
      "@theme/money-formatting": "//elvaro.sk/cdn/shop/t/2/assets/money-formatting.js?v=182191346160333327151773845602",
      "@theme/utilities": "//elvaro.sk/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941773845602",
      "@theme/variant-picker": "//elvaro.sk/cdn/shop/t/2/assets/variant-picker.js?v=177886063604495755331773845602",
      "@theme/media-gallery": "//elvaro.sk/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161773845602",
      "@theme/quick-add": "//elvaro.sk/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301773845602",
      "@theme/paginated-list-aspect-ratio": "//elvaro.sk/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773845602",
      "@theme/popover-polyfill": "//elvaro.sk/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201773845602",
      "@theme/component-quantity-selector": "//elvaro.sk/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641773845602",
      "@theme/comparison-slider": "//elvaro.sk/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941773845602",
      "@theme/sticky-add-to-cart": "//elvaro.sk/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=48956925339276737091773845602",
      "@theme/fly-to-cart": "//elvaro.sk/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081773845602"
    }
  }
</script>

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/view-transitions.js?v=7106414069516106341773845602"
  async
  
></script>

<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/utilities.js?v=28506172887375975941773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/component.js?v=184240237101443119871773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/section-renderer.js?v=152586934315572818121773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/morph.js?v=102085577784545683451773845602"
  fetchpriority="low"
>


  <link
    rel="modulepreload"
    href="//elvaro.sk/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773845602"
    fetchpriority="low"
  >
  <link
    rel="modulepreload"
    href="//elvaro.sk/cdn/shop/t/2/assets/paginated-list.js?v=95298315036233333871773845602"
    fetchpriority="low"
  >

  <link
    rel="modulepreload"
    href="//elvaro.sk/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781773845602"
    fetchpriority="low"
  >


<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/focus.js?v=60436577539430446401773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011773845602"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//elvaro.sk/cdn/shop/t/2/assets/events.js?v=1118589085892804011773845602"
  fetchpriority="low"
>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/quick-add.js?v=8173316780029216301773845602"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//elvaro.sk/cdn/shop/t/2/assets/cart-discount.js?v=107077853990124422021773845602"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//elvaro.sk/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/variant-picker.js?v=177886063604495755331773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-card.js?v=28695665944407642501773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-form.js?v=87407172394809519131773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/accordion-custom.js?v=97588419883090888471773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/media.js?v=37825095869491791421773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-price.js?v=164492227269745550161773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-sku.js?v=121804655373531320511773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-title-truncation.js?v=81744426891537421781773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/product-inventory.js?v=81520546963552472391773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/slideshow.js?v=17868446697736367161773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/anchored-popover.js?v=95953304814728754461773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/media-gallery.js?v=14624021005636302161773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/price-per-item.js?v=144512917617120124431773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661773845602"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//elvaro.sk/cdn/shop/t/2/assets/localization.js?v=15585934801240115691773845602"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//elvaro.sk/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581773845602"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Obrázok zástupného objektu`,
      added: `Pridané`,
      recipient_form_fields_visible: `Polia formulára príjemcu sú teraz viditeľné`,
      recipient_form_fields_hidden: `Polia formulára príjemcu sú teraz skryté`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 položka sa pridala do košíka`,
      items_added_to_cart_other: `Počet položiek pridaných do košíka: {{ count }}`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'collection',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("//elvaro.sk/cdn/fonts/poppins/poppins_i6.bb8044d6203f492888d626dafda3c2999253e8e9.woff2") format("woff2"),
       url("//elvaro.sk/cdn/fonts/poppins/poppins_i6.e233dec1a61b1e7dead9f920159eda42280a02c3.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Poppins, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Poppins, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: Poppins, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 600;
    --font-accent--family: Poppins, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 700;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.0rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 4px;
    --style-border-radius-buttons-primary: 8px;
    --style-border-radius-buttons-secondary: 14px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 14px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-accent--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: uppercase;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 14px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-secondary--family);
    --cart-secondary-font-style: var(--font-secondary--style);
    --cart-secondary-font-weight: var(--font-secondary--weight);
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(1 14 34 / 1.0);
        --color-primary-rgb: 1 14 34;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.06);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(47 107 255 / 1.0);
        --color-primary-button-border: rgb(0 106 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.78);
        --color-input-text: rgb(51 51 51 / 1.0);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: rgb(223 223 223 / 1.0);
        --color-input-hover-background: rgb(0 0 0 / 0.01);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.13);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-2 {
        --color-background: rgb(245 245 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(223 223 223 / 1.0);
        --color-border-rgb: 223 223 223;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(47 107 255 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-3 {
        --color-background: rgb(238 241 234 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(0 0 0 / 0.81);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-4 {
        --color-background: rgb(225 237 245 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 0.81);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 0.81);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(29 54 134 / 0.5);
        --color-border-rgb: 29 54 134;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(29 54 134 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
        --color-input-background: rgb(0 0 0 / 0.0);
        --color-input-text: rgb(0 0 0 / 0.81);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.81);
        --color-input-hover-background: rgb(255 255 255 / 0.36);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-5 {
        --color-background: rgb(1 14 34 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 1 14 34;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(255 255 255 / 0.69);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 0.69);
        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
        --color-input-background: rgb(51 51 51 / 1.0);
        --color-input-text: rgb(255 255 255 / 0.93);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 0.69);
        --color-input-hover-background: rgb(255 255 255 / 0.04);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 0.69);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 0.53);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 0.53);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(250 250 250 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/105592979795/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="105592979795" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all.atom" />
<script async="async" src="/checkouts/internal/preloads.js?locale=sk-SK"></script>
<script id="shopify-features" type="application/json">{"accessToken":"07d04516dd6e5459219892d2be810e00","betas":["rich-media-storefront-analytics"],"domain":"elvaro.sk","predictiveSearch":true,"shopId":105592979795,"locale":"sk"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "aixnvm-si.myshopify.com";
Shopify.locale = "sk";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "SK";
Shopify.theme = {"name":"theme-export-elvaro-hu-updated-copy-of-horizon","id":197558600019,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "elvaro.sk/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sk-SK.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.sk-SK.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.sk-SK.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.sk-SK.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.sk-SK.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.sk-SK.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.sk-SK.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.sk-SK.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.sk-SK.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.sk-SK.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.sk-SK.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.sk-SK.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.sk-SK.esm.js"],"listener":["modules/v2/loader.listener.sk-SK.esm.js"],"pay-button":["modules/v2/loader.pay-button.sk-SK.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.sk-SK.esm.js"],"shop-button":["modules/v2/loader.shop-button.sk-SK.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.sk-SK.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.sk-SK.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.sk-SK.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.sk-SK.esm.js"],"shop-login":["modules/v2/loader.shop-login.sk-SK.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.sk-SK.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.sk-SK.esm.js"]};
</script>
<script id="__st">var __st={"a":105592979795,"offset":7200,"reqid":"a5978877-ef0c-44af-b678-91d47494d7eb-1789337621","pageurl":"elvaro.sk\/collections\/all","u":"0584e68686b7","p":"collection"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Chránené testom hCaptcha',privacyText:'Súkromie',termsText:'Podmienky'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//elvaro.sk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//elvaro.sk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "aixnvm-si.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/elvaro.sk\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://elvaro.sk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.sk.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://elvaro.sk/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://elvaro.sk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//elvaro.sk/cdn/shop/t/2/compiled_assets/styles.css?v=53936038218140794061773845624">
<script id="sections-script" data-sections="main-collection" defer="defer" src="//elvaro.sk/cdn/shop/t/2/compiled_assets/scripts.js?v=47368013396670054441773845625"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    <meta name="facebook-domain-verification" content="bz3sfb44xoccvgpwtl080adjj435ei" />


  <!-- BEGIN app block: shopify://apps/easysell-cod-form/blocks/app-embed/7bfd0a95-6839-4f02-b2ee-896832dbe67e --><!-- BEGIN app snippet: coverage -->

  
    <script defer src="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/COUNTRIES-SK.js"></script>
  

<!-- END app snippet -->
<script type="application/javascript">
  window.ES_COUNTRY_PROMISE = fetch("/browsing_context_suggestions.json")
    .then((r) => r.json())
    .then((d) => (window.ES_COUNTRY = window.ES_COUNTRY || d.detected_values.country.handle))
    .catch(() => null);
</script>
<link rel="preload" href="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/easysell.css" as="style">
<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/easysell.css" media="print" onload="this.media='all'">
<link rel="preload" as="image" href="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/discount.svg">
<link rel="preload" as="image" href="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/loading.svg">
<script type="application/javascript">
  var ES_ASSETS_URL = "https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/";
  
  var EASYSELL_CONFIG = {"active":true,"fields":[{"size":"18","type":"title","title":"<p>Vyplň formulár a dokonči objednávku</p>","value":"header","alignment":"center"},{"icon":"bi-envelope-fill","type":"text","error":null,"label":"Email","title":"Email","value":"email","prefix":null,"required":false,"enableIcon":true,"placeholder":"Email","validate":true,"mobileOnly":false,"isRestricted":false},{"icon":"bi-person-circle","type":"text","error":null,"label":"First Name","title":"Meno a priezvisko","value":"first_name","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"placeholder":"Meno a priezvisko","isRestricted":false},{"icon":"bi-telephone-fill","type":"text","error":null,"label":"Phone","title":"Telefónne číslo","value":"phone","required":true,"validate":false,"enableIcon":true,"mobileOnly":false,"onlyDigits":true,"placeholder":"Telefónne číslo","isRestricted":false,"ignoreLeadingPlus":false},{"icon":"bi-geo-alt-fill","type":"text","error":null,"label":"Address","title":"Ulica a číslo domu","value":"address","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"placeholder":"Ulica a číslo domu","isRestricted":false},{"icon":"bi-hash","type":"text","error":null,"label":"Postal code","title":"PSČ","value":"zip","required":true,"validate":true,"enableIcon":true,"mobileOnly":false,"onlyDigits":true,"placeholder":"PSČ","isRestricted":false},{"icon":"bi-geo-alt-fill","type":"text","error":null,"label":"City","title":"Mesto","value":"city","required":true,"enableIcon":true,"placeholder":"Mesto","prepopulate":false,"provinceDisabled":true},{"icon":"bi-card-checklist","type":"text","error":null,"label":"Note","title":"Poznámka k objednávke","value":"note","prefix":null,"required":false,"validate":true,"enableIcon":true,"mobileOnly":false,"placeholder":"Poznámka k objednávke","isRestricted":false},{"type":"cart_content","label":"Cart content","value":"cart_content"},{"type":"order_summary","label":"Order summary","style":{"color":"#000000","borderColor":"#d3d3d3","backgroundColor":"#f9f9f9"},"value":"order_summary","labels":{"total":"Celkom","discount":"Zľava","shipping":"Doprava","subtotal":"Medzisúčet","taxMessage":"All taxes included"}},{"type":"shipping_options","label":"Shipping options","value":"shipping_options","labels":{"free":"Zdarma","shipping_options":"Možnosti dopravy"},"hideShippingOptionsIfSingle":true},{"type":"checkbox","error":null,"label":null,"title":null,"value":"buyer_accepts_marketing","options":["Prihlás sa na odber noviniek o nových produktoch a ponukách!"],"required":false,"hideLabel":true,"preselect":true},{"icon":"bag-fill","type":"button","color":"#ffffff","style":{"color":"#ffffff","fontSize":16,"background":"#FE796B","fontWeight":"700","borderColor":"#5f5f5f","borderStyle":"solid","borderWidth":1,"borderRadius":0,"boxShadowOpacity":65},"title":"OBJEDNAŤ TERAZ – {total}","value":"cta","animation":"pulse","backgroundColor":"#000000"}],"translations":null,"settings":{"css":null,"fee":{"type":"fixed","value":0,"enabled":false,"taxable":false,"requires_shipping":false},"apply":"all","active":false,"sticky":true,"hidebuy":true,"coverage":[],"cpbStyle":{"color":"#FFFFFF","fontSize":18,"animation":"pulse","background":"#FE796B","fontWeight":"700","borderColor":"#919191","borderStyle":"solid","borderWidth":1,"borderRadius":5,"boxShadowOpacity":37},"cpb_icon":"bag-fill","cpb_text":"Objednať teraz – platba na dobierku","endpoint":null,"hide_atc":false,"hide_cta":false,"products":[],"purchase":null,"formStyle":{"color":"#000000","fontSize":16,"background":"#ffffff","borderColor":"#000000","borderStyle":"solid","borderWidth":0,"borderRadius":10,"boxShadowOpacity":0},"form_type":"popup","otp_first":false,"placement":"both","redirects":"default","apply_type":"allow_all","cpb_button":true,"formConfig":{"rtl":false,"hideLabel":false,"enableIcon":true,"soldoutLabel":"Vypredané","hidePopupClose":false,"invalidMessage":"Toto pole nie je vyplnené správne.","fullScreenPopup":false,"labelsAlignment":"auto","requiredMessage":"Toto pole je povinné.","disableAutocomplete":false},"cod_gateway":true,"collections":[],"draft_order":false,"eligibility":{"enabled":false,"showMessage":false},"include_utms":true,"pincodesType":"whitelist","redirect_url":"https://shopify.com","send_receipt":true,"translations":[],"formCountries":["SK"],"hide_checkout":false,"singleProduct":false,"thankyou_text":"<div style=\"max-width:600px;padding:30px;font-family:'Helvetica Neue',sans-serif;color:#2d2d2d;background:#f9f9f9;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);text-align:center\"><h1 style=font-size:28px;margin-bottom:10px>Thank You, {{customer.first_name}}! 🎉</h1><p style=\"font-size:16px;margin:0 0 20px\">Your order <strong>{{order.number}}</strong> is confirmed.<div style=\"margin:30px 0;padding:20px;background:#fff;border-radius:12px;border:1px solid #eee\"><p style=\"font-size:15px;margin:0 0 10px\">🛍️ <strong>Order Summary</strong><div style=font-size:14px;color:#555>{{order.products}}</div><div style=font-size:16px;margin-top:12px><strong>Total: {{order.total}}</strong></div></div></div>","duplicate_name":false,"hidePopupClose":false,"include_upsell":false,"shippingConfig":{"type":"custom","enabled":true,"customRates":[{"id":"d9ma8e","name":"Free Shipping","type":"price","price":0,"condition":{"min":"70"},"hasCondition":true},{"id":"9is0ep","name":"Štandardné doručenie (3–5 pracovných dní)","type":null,"price":4.9,"condition":null,"hasCondition":false},{"id":"0w1el0","name":"Expresné doručenie (1–2 pracovné dni)","type":null,"price":6.9,"condition":null,"hasCondition":false}]},"fullScreenPopup":false,"limit_countries":false,"sticky_position":"bottom","disable_autofill":false,"native_placement":"after","separated_upsell":false,"single_sheet_row":true,"disable_abandoned":true,"disable_discounts":false,"order_tag_enabled":true,"restrict_pincodes":false,"sticky_persistent":false,"auto_detect_pixels":true,"disable_on_soldout":true,"prepopulate_regions":false,"disable_auto_discount":false,"original_phone_format":false,"customerBlockedMessage":"Sorry, you are not allowed to place more orders, please try again later","send_fulfillment_receipt":false},"shop":"aixnvm-si.myshopify.com"};
  
  
    var EASYSELL_UPSELLS = [];
  
    
    var ES_CSS_URL = "https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/easysell.css";
    var ES_CURRENT_PAGE = "collection"
    var ES_WEIGHT_UNIT = "0.0 kg";
    
    var ES_MONEY_FORMAT = '€{{amount_with_comma_separator}}';
    
    var ES_CURRENCY = "EUR";
    
    
    var ES_PRODUCT_COLLECTIONS = null;
    

    var ES_CUSTOMER_ADDRESSES = null;
    var ES_CUSTOMER_EMAIL = "";
  </script>
  <script id="es-custom-js" type="application/javascript">
  
      ;
  
  </script>
  
  
  <style id="es-css">
      [data-testid="Checkout-button"]{display:none !important;}.shopify-payment-button .shopify-payment-button__button--unbranded,[data-shopify="payment-button"]{display:none !important;}
  </style>
  
  <script type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/helpers.js"></script>
  <script type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/vendor.js"></script>
  <script id="es-script" type="module" crossorigin="anonymous" defer src="https://cdn.shopify.com/extensions/01a08d54-63cb-7055-bff1-7cc7c9019e85/easysell-cod-form-522/assets/easysell.js"></script>
  <!-- BEGIN app snippet: trans --><script>
  var ES_I18N = {
      bumps: {},
      offers: {},
      bundles: {},
      upsells: {},
      downsells: {},
      fields: {},
      settings: {}
  };

  
  var ES_TRANS_LABELS={free:{ar:"مجاني",en:"Free",fr:"Gratuit",es:"Gratis",de:"Kostenlos",it:"Gratuito",pt:"Grátis",nl:"Gratis",pl:"Darmowe",ru:"Бесплатно",ja:"無料",zh:"免费",ko:"무료",sv:"Gratis",da:"Gratis",fi:"Ilmainen",no:"Gratis",tr:"Ücretsiz",cs:"Zdarma",el:"Δωρεάν",hu:"Ingyenes",ro:"Gratuit",sk:"Zdarma",th:"ฟรี",bg:"Безплатно",ca:"Lliure",hr:"Besplatno",id:"Gratis",lt:"Nemokamas",lv:"Bezmaksas",sr:"Бесплатно",uk:"Безкоштовно",vi:"Miễn phí",sl:"Brezplačno",et:"Tasuta",mt:"B'għad",sq:"Falas",bs:"Besplatno",mk:"Бесплатно",af:"Gratis"},soldout:{ar:"نفذت",en:"Sold Out",fr:"Épuisé",es:"Agotado",de:"Ausverkauft",it:"Esaurito",pt:"Esgotado",nl:"Uitverkocht",pl:"Wyprzedane",ru:"Распродано",ja:"売り切れ",zh:"售罄",ko:"품절",sv:"Slutsåld",da:"Udsolgt",fi:"Loppuunmyyty",no:"Utsolgt",tr:"Tükendi",cs:"Vyprodáno",el:"Εξαντλήθηκε",hu:"Eladva",ro:"Epuizat",sk:"Vypredané",th:"ขายหมด",bg:"Изчерпано",ca:"Esgotat",hr:"Rasprodano",id:"Habis",lt:"Išparduota",lv:"Izpārdots",sr:"Rasprodato",uk:"Розпродано",vi:"Bán hết",sl:"Razprodano",et:"Müüdud",mt:"Mbiegħ",sq:"Shitur",bs:"Prodano",mk:"Продадено",af:"Uitverkoop"}};
</script>
<!-- END app snippet -->
  <!-- BEGIN app snippet: pixels -->


<!-- END app snippet -->

<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 105592979795,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"products":[{"id":10518135669075,"gid":"gid:\/\/shopify\/Product\/10518135669075","vendor":"EL_SK","type":"","handle":"montessori-smartbuilder-drevena-skladacka-s-10-kartami","variants":[{"id":53386822844755,"price":4990,"name":"Montessori SmartBuilder – Drevená skladačka s 10 kartami","public_title":null,"sku":"MOKE0001"}],"remote":false},{"id":10494619386195,"gid":"gid:\/\/shopify\/Product\/10494619386195","vendor":"EL_SK","type":"","handle":"montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni","variants":[{"id":53286211322195,"price":3590,"name":"Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení","public_title":null,"sku":"MKAP0001"}],"remote":false},{"id":10815637946707,"gid":"gid:\/\/shopify\/Product\/10815637946707","vendor":"EL_SK","type":"","handle":"personalizovane-gravirovacie-pero-30-dielna-suprava-na-akykolvek-povrch","variants":[{"id":54807772496211,"price":3990,"name":"Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch","public_title":null,"sku":"GRA0001"}],"remote":false},{"id":10495298502995,"gid":"gid:\/\/shopify\/Product\/10495298502995","vendor":"EL_SK","type":"","handle":"poistenie-balika","variants":[{"id":53287745749331,"price":90,"name":"Poistenie balíka","public_title":null,"sku":"CSMGB0001"}],"remote":false},{"id":10495297257811,"gid":"gid:\/\/shopify\/Product\/10495297257811","vendor":"EL_SK","type":"","handle":"poplatok-za-dobierku","variants":[{"id":53287741817171,"price":90,"name":"Poplatok za dobierku","public_title":null,"sku":"UTDIJ"}],"remote":false},{"id":10830382170451,"gid":"gid:\/\/shopify\/Product\/10830382170451","vendor":"EL_SK","type":"","handle":"premiova-suprava-extra-gravirovacich-hrotov-30-ks-pre-este-dlhsie-tvorenie","variants":[{"id":54847115166035,"price":1690,"name":"Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie.","public_title":null,"sku":"FGRA0001"}],"remote":false}],"page":{"pageType":"collection","requestId":"a5978877-ef0c-44af-b678-91d47494d7eb-1789337621"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 105592979795,
      theme_id: 197558600019,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//elvaro.sk/cdn/s/trekkie.storefront.97b21d0442b56be8dbfe53e512498600181c173e.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//elvaro.sk/cdn/s/trekkie.storefront.97b21d0442b56be8dbfe53e512498600181c173e.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//elvaro.sk/cdn/s/trekkie.storefront.97b21d0442b56be8dbfe53e512498600181c173e.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":105592979795,"isMerchantRequest":null,"themeId":197558600019,"themeCityHash":"17996299245983789893","contentLanguage":"sk","currency":"EUR","eventMetadataId":"6c7b6fab-7c2b-418a-bae6-64e8d3ef0ec0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: all","collectionName":"all","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","requestId":"a5978877-ef0c-44af-b678-91d47494d7eb-1789337621","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//elvaro.sk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://elvaro.sk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.10.min.js"
  data-application="storefront-renderer"
  data-shop-id="105592979795"
  data-render-region="gcp-us-east1"
  data-page-type="collection"
  data-theme-instance-id="197558600019"
  data-theme-name="Horizon"
  data-theme-version="3.4.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://elvaro.sk/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"105592979795","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Prihláste sa alebo si vytvorte konto"},{"key":"account_menu.signed_out_state.section_divider","value":"Ďalšie spôsoby prihlásenia"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Objednávky"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Prihlásenie cez Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Pokračovať cez Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Pokračovať cez Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Poslať mi novinky a ponuky e-mailom"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Dobrý deň, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Konto"},{"key":"account_menu.signed_in_state.orders_button","value":"Objednávky"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Miesta"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Vyhľadať"},{"key":"account_menu.aria_labels.close_menu","value":"Zavrieť ponuku"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Vrátiť sa späť do hlavnej ponuky z {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, otvára vedľajšiu ponuku"},{"key":"account_menu.aria_labels.loading_menu","value":"Načítava sa ponuka"},{"key":"account_menu.aria_labels.account","value":"Konto"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Prihlásiť sa pomocou e-mailu"},{"key":"account_menu.aria_labels.sign_in","value":"Prihlásiť sa"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"SK","language":"sk"}}</script>
<meta name="shopify-y" content="3e5dd1a8-0abf-47c9-8c92-1bc36cdd2490" data-expiration="1820895221000"><meta name="shopify-s" content="18683ed2-570e-4ea3-b2f0-5d7d585a2b79" data-expiration="1789339421000"><meta name="new-cookie-storage-activated" content="f">
</head>

  <body class="page-width-narrow card-hover-effect-none">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Prejsť na obsah
</a>


    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--29339465908563__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">


  <script
    src="//elvaro.sk/cdn/shop/t/2/assets/announcement-bar.js?v=34024675399582161451773845602"
    type="module"
    fetchpriority="low"
  ></script>


<div class="section-background color-scheme-5"></div>
<aside
  class="announcement-bar spacing-style section section--page-width color-scheme-5"
  style="--padding-block-start: 15px; --padding-block-end:15px; 
--padding-inline-start:0px; --padding-inline-end:0px; 
; --border-bottom-width: 1px;"
>
  

  <announcement-bar-component
    class="announcement-bar__slider"
    
      autoplay="5" aria-live="polite"
    
  >
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Predchádzajúca snímka"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nasledujúca snímka"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


</slideshow-arrows>

    
    <div class="announcement-bar__slides">
      
<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AMWcyenEycWQ1dVlvT__announcement_BxgCk9
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="false"
  >
    <p class="announcement-bar__text">
      90-dňová garancia vrátenia peňazí
    </p>

    
  </slideshow-slide>


<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AMnluNk02Y2h1bm0vb__announcement_QhUwr4
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="true"
  >
    <p class="announcement-bar__text">
      Doručenie do 1–3 pracovných dní
    </p>

    
  </slideshow-slide>


<slideshow-slide
    ref="slides[]"
    class="
      announcement-bar__slide
      text-block
      text-block--AR2tOUXhXRHdkQWhLa__announcement_YWUjfL
      text-block--align-center
      text-block--full-width
      custom-typography
      custom-font-size
      
    "
    style="
      
--color: ;--font-size: 1rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
      --width: 100%;
      --text-align: center;
      --line-height: 1;
    "
    
    aria-hidden="true"
  >
    <p class="announcement-bar__text">
      Slovenský e-shop, slovenská zákaznícka podpora
    </p>

    
  </slideshow-slide>


    </div>
  </announcement-bar-component>
</aside>


</div><header id="shopify-section-sections--29339465908563__header_section" class="shopify-section shopify-section-group-header-group header-section">


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "EL_SK",
    
      "logo": "https:\/\/elvaro.sk\/cdn\/shop\/files\/Elvaro_Logo_Fektetett.png?v=1773848088\u0026width=500",
    
    "url": "https:\/\/elvaro.sk"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(255 255 255)"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(255 255 255 / 1.0);
    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div>
    

      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371773845602"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Ponuka"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Zavrieť"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
        aria-label="Primárna"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            
              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-domov"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Domov</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-montessori-spinacie"
                    href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Montessori Spínacie</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-kontact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Kontact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 3;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>


    </div>

  
<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>


  <search-button
    class="search-action search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Vyhľadať"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Hľadať
      </span>

      <span class="svg-wrapper ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>


<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  <img src="//elvaro.sk/cdn/shop/files/Elvaro_Logo_Fektetett.png?height=80&amp;v=1773848088" alt="" width="314" height="80" class="header-logo__image" srcset="//elvaro.sk/cdn/shop/files/Elvaro_Logo_Fektetett.png?height=80&amp;v=1773848088 1x, //elvaro.sk/cdn/shop/files/Elvaro_Logo_Fektetett.png?height=160&amp;v=1773848088 2x, //elvaro.sk/cdn/shop/files/Elvaro_Logo_Fektetett.png?height=240&amp;v=1773848088 3x" style="--header-logo-image-width: 315px;--header-logo-image-width-mobile: 279px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 71px;">


  </span>

  
</a>


    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Primárna"
          style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//elvaro.sk/cdn/shop/t/2/assets/overflow-list.css?v=13500019909476584571773845602" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            Viac
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Domov</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Montessori Spínacie</span>
          </a></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/contact"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Kontact</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">Viac</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//elvaro.sk/cdn/shop/t/2/assets/header-menu.js?v=138387690177295788221773845602"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>


    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
  <search-button
    class="search-action search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Vyhľadať"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Hľadať
      </span>

      <span class="svg-wrapper ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>


              <script
  type="module"
  src="//elvaro.sk/cdn/shop/t/2/assets/cart-icon.js?v=157241182139685326961773845602"
  fetchpriority="low"
></script>


<header-actions
  
>
  
    
    <div
      class="account-button header-actions__action color-scheme-1"
    >
      <shopify-store store-domain="https://elvaro.sk" country="SK" language="sk"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style hidden"
          >
            Konto
          </span>

          <span
            slot="signed-out-avatar"
            class=""
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

    <script
      src="//elvaro.sk/cdn/shop/t/2/assets/cart-drawer.js?v=34004441742206350331773845602"
      type="module"
      fetchpriority="low"
    ></script>

    
    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Zavrieť dialógové okno"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Košík"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Váš košík je prázdny
        </h2>

        <div class="cart-drawer__items">
          

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661773845602"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Máte konto? <a href="https://elvaro.sk/customer_authentication/redirect?locale=sk&region_country=SK">Prihláste</a> sa a prejdite pokladňou rýchlejšie.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Pokračovať v nákupe
      </span>
    </a></div>


        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Košík"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      Košík
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Celkový počet položiek v košíku: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          <cart-items-component
            class="cart-items-component"
            data-drawer
            data-section-id="sections--29339465908563__header_section"
          >
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Zavrieť dialógové okno"
        >
          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Košík"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Váš košík je prázdny
        </h2>

        <div class="cart-drawer__items">
          

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/component-cart-items.js?v=16199507049899445991773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=105130809908858639751773845602"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661773845602"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<p>
        Máte konto? <a href="https://elvaro.sk/customer_authentication/redirect?locale=sk&region_country=SK">Prihláste</a> sa a prejdite pokladňou rýchlejšie.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Pokračovať v nákupe
      </span>
    </a></div>


        </div>
      </div>
    
</cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>


    </div>
        </div>
      </div>
    
  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>


    </div>
  
</header-component>

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/header.js?v=36718054510661947891773845602"
  type="module"
></script>


  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--29339465908563__header_section', url);
  </script>


</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="false"
      data-product-transition="false"
      data-template="collection"
    >
      <div id="shopify-section-template--29339465515347__section" class="shopify-section section-wrapper">


<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  
  style="
    

  "
>
  <div class="custom-section-background">
    

  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  
  <div class=" spacing-style text-block text-block--AYVIvWnFvTDF6cCs0N__text_tqQTNE h2      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h1>Produkty</h1>
  </div>


    </div>
  </div>
</div>


</div><div id="shopify-section-template--29339465515347__main" class="shopify-section">

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/results-list.js?v=28346210841421047511773845602"
  type="module"
  fetchpriority="low"
></script>


<div class="section-background color-scheme-1"></div>
<results-list
  class="section product-grid-container color-scheme-1"
  style="--padding-block-start: 0px; --padding-block-end: 32px;"
  section-id="template--29339465515347__main"
  infinite-scroll="true"
>
  <a
  class="skip-to-content-link button-secondary"
  href="#ResultsList"
>
  Prejsť na zoznam výsledkov
</a>


  <div
    class="collection-wrapper grid gap-style"
  >
    
<script
  src="//elvaro.sk/cdn/shop/t/2/assets/facets.js?v=39184237186866875691773845602"
  type="module"
  fetchpriority="low"
></script>

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011773845602"
  type="module"
  fetchpriority="low"
></script>
  

  <div
    class="
      
      facets-block-wrapper
      facets-block-wrapper--horizontal


    "
    style="
      --grid-column--desktop:var(--centered);
      --facets-margin: 0px  0px 8px 0px;
      --facets-inner-padding-block: 8px 8px;
      --facets-inner-padding-inline: var(--padding-lg);
    "
    
  >
    <div
      class="facets facets--horizontal spacing-style"
      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
      aria-label="Filtre"
    >
      <facets-form-component
        class="facets__form-wrapper"
        section-id="template--29339465515347__main"
        form-style="horizontal"
      >
        <form
          action="/collections/all"
          id="FacetFiltersForm--template--29339465515347__main-desktop"
          class="facets__form"
          ref="facetsForm"
        >
          
            <div class="facets-remove facets-remove--mobile-and-vertical">
</div>


              <div class="facets__filters-wrapper">
                
                  
                  <overflow-list
  
  
    class="facets__overflow-list"
  
  
    minimum-items="2"
  
  
    data-testid="horizontal-filters-overflow-list"
  
  
>
  <template shadowrootmode="open">
    <link href="//elvaro.sk/cdn/shop/t/2/assets/overflow-list.css?v=13500019909476584571773845602" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
          on:click="#filters-drawer/showDialog"
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            Viac
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
</overflow-list>

                
              </div>

              
                <facet-remove-component
                  class="facets-horizontal-remove "
                  active-class="facets__clear-all-link--active"
                  data-url="/collections/all"
                >
                  <button
                    type="button"
                    class="button-unstyled facets__clear-all-link facets__clear-all-link--horizontal "
                    ref="clearButton"
                    on:click="/removeFilter?form="
                    on:keydown="/removeFilter?form="
                  >Vymazať všetko</button>
                </facet-remove-component>
              
            
              <div
                class="products-count-wrapper"
                data-testid="products-count"
              >
                <span title="Počet produktov">
                  
Položky: 6
                </span>
              </div>

              
                <sorting-filter-component
  class="sorting-filter sorting-filter__horizontal"
  on:change="/updateFilterAndSorting"
  on:keydown="/handleKeyDown"
  
    data-testid="sorting-filter-component-desktop"
  
  data-should-use-select-on-mobile="false"
>
  

  <div class="sorting-filter__container  hidden ">
    <label
      for="sort-select-template--29339465515347__main"
      class="facets__label"
    >Zoradiť</label>
    <div class="sorting-filter__select-wrapper">
      <select
        id="sort-select-template--29339465515347__main"
        name="sort_by"
        class="sorting-filter__select"
        
          disabled
        
      >
        
          <option
            value="manual"
            
          >
            Odporúčané
          </option>
        
          <option
            value="most-relevant"
            
          >
            Najrelevantnejšie
          </option>
        
          <option
            value="best-selling"
            
          >
            Najpredávanejšie
          </option>
        
          <option
            value="title-ascending"
            
              selected
            
          >
            Abecedne, od A po Z
          </option>
        
          <option
            value="title-descending"
            
          >
            Abecedne, od Z po A
          </option>
        
          <option
            value="price-ascending"
            
          >
            Cena, od najnižšej po najvyššiu
          </option>
        
          <option
            value="price-descending"
            
          >
            Cena, od najvyššej po najnižšiu
          </option>
        
          <option
            value="created-ascending"
            
          >
            Dátum, od najstarších po najnovšie
          </option>
        
          <option
            value="created-descending"
            
          >
            Dátum, od najnovších po najstaršie
          </option>
        
      </select>
      <svg
        aria-hidden="true"
        focusable="false"
        class="icon icon-caret"
        width="8"
        height="13"
        viewBox="0 0 8 13"
      >
<g opacity="0.6">
      <path
        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
        fill="#333030"
      />
      <path
        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
        fill="#333030"
      />
    </g></svg>
    </div>
  </div>

  <accordion-custom
    
      data-disable-animation-on-desktop="true"
      data-close-with-escape="true"
    
  >
    <details
      ref="details"
      id="Sorting-template--29339465515347__main"
      data-default-sort-by="title-ascending"
      class="facets__panel "
      data-auto-close-details="desktop,mobile"
      on:toggle="/handleToggle"
    >
      <summary
        class="facets__summary"
        role="button"
        aria-expanded="false"
        aria-controls="sorting-options-template--29339465515347__main"
        ref="summary"
      >
        <span
          class="facets__label"
          id="sort-label-template--29339465515347__main"
        >Zoradiť</span>
        <span
          class="facets__status h6 desktop:hidden"
        >Abecedne, od A po Z</span>
        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </summary>
      <floating-panel-component
        id="sorting-options-template--29339465515347__main"
        class="sorting-filter__options color-scheme-1"
        role="listbox"
        aria-labelledby="sort-label-template--29339465515347__main"
        ref="listbox"
      >
        <div class="sorting-filter__options-inner">
          
            <label
              for="sort-option-manual-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-manual-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="manual"
                  class="sorting-filter__input"
                  data-option-name="Odporúčané"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Odporúčané</span>
              </div>
            </label>
          
            <label
              for="sort-option-most-relevant-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-most-relevant-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="most-relevant"
                  class="sorting-filter__input"
                  data-option-name="Najrelevantnejšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Najrelevantnejšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-best-selling-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-best-selling-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="best-selling"
                  class="sorting-filter__input"
                  data-option-name="Najpredávanejšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Najpredávanejšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-title-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="true"
                tabindex="0"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-title-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="title-ascending"
                  class="sorting-filter__input"
                  data-option-name="Abecedne, od A po Z"
                  
                    checked
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Abecedne, od A po Z</span>
              </div>
            </label>
          
            <label
              for="sort-option-title-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-title-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="title-descending"
                  class="sorting-filter__input"
                  data-option-name="Abecedne, od Z po A"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Abecedne, od Z po A</span>
              </div>
            </label>
          
            <label
              for="sort-option-price-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-price-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="price-ascending"
                  class="sorting-filter__input"
                  data-option-name="Cena, od najnižšej po najvyššiu"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Cena, od najnižšej po najvyššiu</span>
              </div>
            </label>
          
            <label
              for="sort-option-price-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-price-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="price-descending"
                  class="sorting-filter__input"
                  data-option-name="Cena, od najvyššej po najnižšiu"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Cena, od najvyššej po najnižšiu</span>
              </div>
            </label>
          
            <label
              for="sort-option-created-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-created-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="created-ascending"
                  class="sorting-filter__input"
                  data-option-name="Dátum, od najstarších po najnovšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Dátum, od najstarších po najnovšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-created-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-created-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-desktop"
                  
                  value="created-descending"
                  class="sorting-filter__input"
                  data-option-name="Dátum, od najnovších po najstaršie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Dátum, od najnovších po najstaršie</span>
              </div>
            </label>
          
        </div>
      </floating-panel-component>
    </details>
  </accordion-custom>
</sorting-filter-component>


                <div class="column-options-wrapper">
  <fieldset class="column-options">
    <legend class="column-options__legend visually-hidden">
      Stĺpcová mriežka
    </legend>

    
      <label class="column-options__option">
        <input
          type="radio"
          name="grid"
          value="default"
          class="column-options__option-input"
          checked
          aria-label="Predvolený"
          data-grid-layout="desktop-default-option"
          on:change="results-list/updateLayout"
          data-skip-node-update
        >
        <span class="column-picker column-picker--default"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.1266 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
</svg>
</span>
      </label>

      <label class="column-options__option">
        <input
          type="radio"
          name="grid"
          value="zoom-out"
          class="column-options__option-input"
          aria-label="Oddialiť"
          on:change="results-list/updateLayout"
          data-skip-node-update
        >
        <span class="column-picker column-picker--zoom-out"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 6C15.2652 6 15.5196 5.89464 15.7071 5.70711C15.8946 5.51957 16 5.26522 16 5C16 4.73478 15.8946 4.48043 15.7071 4.29289C15.5196 4.10536 15.2652 4 15 4C14.7348 4 14.4804 4.10536 14.2929 4.29289C14.1054 4.48043 14 4.73478 14 5C14 5.26522 14.1054 5.51957 14.2929 5.70711C14.4804 5.89464 14.7348 6 15 6Z" fill="currentColor"/>
<path d="M5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6Z" fill="currentColor"/>
<path d="M5 11C5.26522 11 5.51957 10.8946 5.70711 10.7071C5.89464 10.5196 6 10.2652 6 10C6 9.73478 5.89464 9.48043 5.70711 9.29289C5.51957 9.10536 5.26522 9 5 9C4.73478 9 4.48043 9.10536 4.29289 9.29289C4.10536 9.48043 4 9.73478 4 10C4 10.2652 4.10536 10.5196 4.29289 10.7071C4.48043 10.8946 4.73478 11 5 11Z" fill="currentColor"/>
<path d="M5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z" fill="currentColor"/>
<path d="M10 6C10.2652 6 10.5196 5.89464 10.7071 5.70711C10.8946 5.51957 11 5.26522 11 5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5C9 5.26522 9.10536 5.51957 9.29289 5.70711C9.48043 5.89464 9.73478 6 10 6Z" fill="currentColor"/>
<path d="M10 11C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10C11 9.73478 10.8946 9.48043 10.7071 9.29289C10.5196 9.10536 10.2652 9 10 9C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10C9 10.2652 9.10536 10.5196 9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11Z" fill="currentColor"/>
<path d="M10 16C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15C9 15.2652 9.10536 15.5196 9.29289 15.7071C9.48043 15.8946 9.73478 16 10 16Z" fill="currentColor"/>
<path d="M15 11C15.2652 11 15.5196 10.8946 15.7071 10.7071C15.8946 10.5196 16 10.2652 16 10C16 9.73478 15.8946 9.48043 15.7071 9.29289C15.5196 9.10536 15.2652 9 15 9C14.7348 9 14.4804 9.10536 14.2929 9.29289C14.1054 9.48043 14 9.73478 14 10C14 10.2652 14.1054 10.5196 14.2929 10.7071C14.4804 10.8946 14.7348 11 15 11Z" fill="currentColor"/>
<path d="M16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15Z" fill="currentColor"/>
</svg>
</span>
      </label>
    
  </fieldset>
</div>


        </form>
      </facets-form-component>
    </div>
  </div>

  <div
    class="facets-toggle"
    style="
      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
      --facets-margin: 0px  0px 8px 0px;
    "
  >
    
      <div class="facets-toggle__wrapper">
        <button
          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
          on:click="#filters-drawer/showDialog"
          type="button"
        >
          <span class="svg-wrapper">
            <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>

          </span>

          Filtrovať

          
        </button>
      </div>
    

    <div class="facets-mobile-wrapper facets-controls-wrapper">
      
      
        <div class="column-options-wrapper">
  <fieldset class="column-options">
    <legend class="column-options__legend visually-hidden">
      Stĺpcová mriežka
    </legend>

    
      <label class="column-options__option">
        <input
          type="radio"
          name="grid-mobile"
          value="mobile-single"
          class="column-options__option-input"
          aria-label="Jeden"
          on:change="results-list/updateLayout"
        >
        <span class="column-picker column-picker-mobile--single"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
</svg>
</span>
      </label>

      <label class="column-options__option">
        <input
          type="radio"
          class="column-options__option-input"
          name="grid-mobile"
          value="default"
          checked
          aria-label="Predvolený"
          data-grid-layout="mobile-option"
          on:change="results-list/updateLayout"
        >
        <span class="column-picker column-picker-mobile--double"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.1266 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
</svg>
</span>
      </label>

    
  </fieldset>
</div>


    </div>
  </div>


  <dialog-component
    id="filters-drawer"
    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
  >
    <dialog
      ref="dialog"
      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
      scroll-lock
      aria-labelledby="filters-drawer-heading"
    >
      
      <facets-form-component
        class="facets__form-wrapper facets-drawer__form-wrapper"
        section-id="template--29339465515347__main"
        id="FacetFiltersFormComponent--template--29339465515347__main-overflow"
      >
        <form
          action="/collections/all"
          id="FacetFiltersForm--template--29339465515347__main-overflow"
          class="facets__form"
          ref="facetsForm"
        >
          <div
            class="facets__title-wrapper"
            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
          >
            <h2
              id="filters-drawer-heading"
              class="facets-drawer__title h3"
            >
              Filtrovať

              
            </h2>
            <button
              class="button facets-drawer__close button-unstyled close-button"
              on:click="dialog-component/closeDialog"
              type="button"
            >
              <span
                class="svg-wrapper svg-wrapper--small"
                title="Zavrieť"
              >
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

              </span>
            </button>
          </div>

          <scroll-hint
            class="facets-drawer__filters"
          >
            
              <div class="facets-remove facets-remove--mobile-and-vertical">
</div>


              <div class="facets__filters-wrapper">
                
                
</div>
            

              <sorting-filter-component
  class="sorting-filter sorting-filter__horizontal"
  on:change="/updateFilterAndSorting"
  on:keydown="/handleKeyDown"
  
  data-should-use-select-on-mobile="true"
>
  

  <div class="sorting-filter__container  desktop:hidden ">
    <label
      for="sort-select-template--29339465515347__main"
      class="facets__label"
    >Zoradiť</label>
    <div class="sorting-filter__select-wrapper">
      <select
        id="sort-select-template--29339465515347__main"
        name="sort_by"
        class="sorting-filter__select"
        
      >
        
          <option
            value="manual"
            
          >
            Odporúčané
          </option>
        
          <option
            value="most-relevant"
            
          >
            Najrelevantnejšie
          </option>
        
          <option
            value="best-selling"
            
          >
            Najpredávanejšie
          </option>
        
          <option
            value="title-ascending"
            
              selected
            
          >
            Abecedne, od A po Z
          </option>
        
          <option
            value="title-descending"
            
          >
            Abecedne, od Z po A
          </option>
        
          <option
            value="price-ascending"
            
          >
            Cena, od najnižšej po najvyššiu
          </option>
        
          <option
            value="price-descending"
            
          >
            Cena, od najvyššej po najnižšiu
          </option>
        
          <option
            value="created-ascending"
            
          >
            Dátum, od najstarších po najnovšie
          </option>
        
          <option
            value="created-descending"
            
          >
            Dátum, od najnovších po najstaršie
          </option>
        
      </select>
      <svg
        aria-hidden="true"
        focusable="false"
        class="icon icon-caret"
        width="8"
        height="13"
        viewBox="0 0 8 13"
      >
<g opacity="0.6">
      <path
        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
        fill="#333030"
      />
      <path
        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
        fill="#333030"
      />
    </g></svg>
    </div>
  </div>

  <accordion-custom
    
      data-disable-animation-on-desktop="true"
      data-close-with-escape="true"
    
  >
    <details
      ref="details"
      id="Sorting-template--29339465515347__main"
      data-default-sort-by="title-ascending"
      class="facets__panel  mobile:hidden "
      data-auto-close-details="desktop,mobile"
      on:toggle="/handleToggle"
    >
      <summary
        class="facets__summary"
        role="button"
        aria-expanded="false"
        aria-controls="sorting-options-template--29339465515347__main"
        ref="summary"
      >
        <span
          class="facets__label"
          id="sort-label-template--29339465515347__main"
        >Zoradiť</span>
        <span
          class="facets__status h6 desktop:hidden"
        >Abecedne, od A po Z</span>
        <span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </summary>
      <floating-panel-component
        id="sorting-options-template--29339465515347__main"
        class="sorting-filter__options color-scheme-1"
        role="listbox"
        aria-labelledby="sort-label-template--29339465515347__main"
        ref="listbox"
      >
        <div class="sorting-filter__options-inner">
          
            <label
              for="sort-option-manual-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-manual-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="manual"
                  class="sorting-filter__input"
                  data-option-name="Odporúčané"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Odporúčané</span>
              </div>
            </label>
          
            <label
              for="sort-option-most-relevant-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-most-relevant-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="most-relevant"
                  class="sorting-filter__input"
                  data-option-name="Najrelevantnejšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Najrelevantnejšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-best-selling-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-best-selling-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="best-selling"
                  class="sorting-filter__input"
                  data-option-name="Najpredávanejšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Najpredávanejšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-title-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="true"
                tabindex="0"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-title-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="title-ascending"
                  class="sorting-filter__input"
                  data-option-name="Abecedne, od A po Z"
                  
                    checked
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Abecedne, od A po Z</span>
              </div>
            </label>
          
            <label
              for="sort-option-title-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-title-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="title-descending"
                  class="sorting-filter__input"
                  data-option-name="Abecedne, od Z po A"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Abecedne, od Z po A</span>
              </div>
            </label>
          
            <label
              for="sort-option-price-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-price-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="price-ascending"
                  class="sorting-filter__input"
                  data-option-name="Cena, od najnižšej po najvyššiu"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Cena, od najnižšej po najvyššiu</span>
              </div>
            </label>
          
            <label
              for="sort-option-price-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-price-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="price-descending"
                  class="sorting-filter__input"
                  data-option-name="Cena, od najvyššej po najnižšiu"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Cena, od najvyššej po najnižšiu</span>
              </div>
            </label>
          
            <label
              for="sort-option-created-ascending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-created-ascending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="created-ascending"
                  class="sorting-filter__input"
                  data-option-name="Dátum, od najstarších po najnovšie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Dátum, od najstarších po najnovšie</span>
              </div>
            </label>
          
            <label
              for="sort-option-created-descending-template--29339465515347__main"
            >
              <div
                class="sorting-filter__option"
                role="option"
                aria-selected="false"
                tabindex="-1"
              >
                <input
                  type="radio"
                  name="sort_by"
                  id="sort-option-created-descending-template--29339465515347__main"
                  
                    form="FacetFiltersForm--template--29339465515347__main-overflow"
                  
                  value="created-descending"
                  class="sorting-filter__input"
                  data-option-name="Dátum, od najnovších po najstaršie"
                  
                  aria-hidden="true"
                >
                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="sorting-filter__label">Dátum, od najnovších po najstaršie</span>
              </div>
            </label>
          
        </div>
      </floating-panel-component>
    </details>
  </accordion-custom>
</sorting-filter-component>


          </scroll-hint>
        </form>
      </facets-form-component>

      <div
        class="facets__drawer-actions"
      >
        <facet-remove-component
          data-url="/collections/all"
          active-class="facets__clear-all--active"
        >
          <button
            type="button"
            class="button-secondary facets__clear-all"
            ref="clearButton"
            on:click="/removeFilter?form=FacetFiltersFormComponent--template--29339465515347__main-overflow"
            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--29339465515347__main-overflow"
          >Vymazať všetko</button>
        </facet-remove-component>

        
          <button
            class="button facets__see-results"
            type="button"
            on:click="dialog-component/closeDialog"
          >Zobraziť 6 položky/položiek</button>
        
      </div>
    </dialog>
  </dialog-component>


<style data-shopify>
  @media screen and (min-width: 750px) {
    
        .product-grid--template--29339465515347__main:is(.product-grid--grid) {
          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
        }


    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
    

    /* When zoomed out, fit as many 100px-wide columns as possible */
    .product-grid--template--29339465515347__main[product-grid-view='zoom-out'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
    }

    .product-grid--template--29339465515347__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
      display: block;
    }

    .product-grid--template--29339465515347__main[product-grid-view='zoom-out'] .product-grid__card {
      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
      padding-block-start: var(--zoom-out-padding-block-start, 0);
      padding-block-end: var(--zoom-out-padding-block-end, 0);
    }
  }
</style>
<div
  id="ResultsList"
  class="
    grid main-collection-grid

 collection-wrapper--full-width-on-mobile
    spacing-style
  "

  style="
    --grid--margin--mobile: 0 0;
    --grid-column--desktop: var(--centered);
    --grid-column--mobile: var(--full-width);
    --padding-inline-start: 0px;
    --padding-inline-end: 0px;
  "
>
  <div
    style="
      grid-column: var(--full-width);
      --product-grid-gap-mobile: 12px 12px;
      --product-grid-gap-desktop: 24px 16px;
      container-type: inline-size;
      container-name: product-grid;
    "
  >
    
      
        <span ref="viewMorePrevious"></span>
      

      <ul
        class="product-grid product-grid--template--29339465515347__main product-grid--grid "
        data-testid="product-grid"
        product-grid-view="default"
        ref="grid"
        role="list"
        data-last-page="1"
        data-product-card-size="medium"
        style="--mobile-columns: 2;"
      >
        
        
          <script>
            (() => {
              const grid = document.querySelector('.product-grid');
              if (!grid) return;

              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';

              // No need to read the window width if no custom layouts were saved.
              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;

              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
              if (storedLayout === 'default') return;

              grid.setAttribute('product-grid-view', storedLayout);

              const options = document.querySelectorAll(
                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
              );
              for (const option of options) {
                option.checked = option.value === storedLayout;
              }
            })();
          </script>
        

          <li
            id="template--29339465515347__main-10518135669075"
            class="product-grid__item product-grid__item--0"
            data-page="1"
            data-product-id="10518135669075"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10518135669075"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card"
  
  
>
  <a
    id="29a51f11cad04a0e388e4c30dde8b30f"
    
      href="/products/montessori-smartbuilder-drevena-skladacka-s-10-kartami?variant=53386822844755"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Montessori SmartBuilder – Drevená skladačka s 10 kartami
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10518135669075"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/montessori-smartbuilder-drevena-skladacka-s-10-kartami?variant=53386822844755"
      aria-label="Montessori SmartBuilder – Drevená skladačka s 10 kartami"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="16"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Predchádzajúca snímka"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nasledujúca snímka"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59731438502227"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59731438502227"
>
  
  <img src="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=3840" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=240 240w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=352 352w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=832 832w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59731438567763"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59731438567763"
>
  
  <img src="//elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=3840" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=240 240w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=352 352w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=832 832w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59731438993747"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59731438993747"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=3840" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_77d66c74-029e-4579-ad82-838021644ee3.jpg?v=1775054183&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59731438600531"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59731438600531"
>
  
  <img src="//elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=3840" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=240 240w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=352 352w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=832 832w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/9.jpg?v=1775054183&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59731438928211"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59731438928211"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=3840" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_5_eadd1bac-eeca-4ed1-9e2e-f3e06e9b5389.jpg?v=1775054183&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>


    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-1
          "
        >Zľava
</div></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Montessori SmartBuilder – Drevená skladačka s 10 kartami"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10518135669075"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10518135669075-AeXlvVlMxNGN5d2tZM__card-gallery" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="53386822844755"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10518135669075" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Montessori SmartBuilder – Drevená skladačka s 10 kartami</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/montessori-smartbuilder-drevena-skladacka-s-10-kartami?variant=53386822844755"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Montessori SmartBuilder – Drevená skladačka s 10 kartami</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm"
  data-product-id="10518135669075"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€49,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€59,90</span>
      </span>
    
  
</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
          <li
            id="template--29339465515347__main-10494619386195"
            class="product-grid__item product-grid__item--1"
            data-page="1"
            data-product-id="10494619386195"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10494619386195"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card-1"
  
  
>
  <a
    id="80b95d8928d7a7542ee6756db0969be1"
    
      href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni?variant=53286211322195"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery-1 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10494619386195"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni?variant=53286211322195"
      aria-label="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="12"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Predchádzajúca snímka"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nasledujúca snímka"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59413578482003"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59413578482003"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=3840" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59413578383699"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59413578383699"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=3840" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59413578219859"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59413578219859"
>
  
  <img src="//elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=3840" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=352 352w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=832 832w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/2_d81a3805-01d1-457e-8ce6-6df440dcd56e.jpg?v=1773852882&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59413578580307"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59413578580307"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=3840" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_5bded2a7-9333-4801-a0bf-08a07cf3823c.jpg?v=1773852882&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="59413578252627"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="59413578252627"
>
  
  <img src="//elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=3840" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=352 352w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=832 832w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/4_cc18787b-0210-4799-8e81-35da046786e2.jpg?v=1773852882&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>


    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-1
          "
        >Zľava
</div></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10494619386195"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10494619386195-AeXlvVlMxNGN5d2tZM__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="53286211322195"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10494619386195" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni?variant=53286211322195"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm-1"
  data-product-id="10494619386195"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€35,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€39,90</span>
      </span>
    
  
</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
          <li
            id="template--29339465515347__main-10815637946707"
            class="product-grid__item product-grid__item--2"
            data-page="1"
            data-product-id="10815637946707"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10815637946707"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card-2"
  
  
>
  <a
    id="49b379f0b0fc5f51a9193dd591cbc7b8"
    
      href="/products/personalizovane-gravirovacie-pero-30-dielna-suprava-na-akykolvek-povrch?variant=54807772496211"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery-2 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10815637946707"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/personalizovane-gravirovacie-pero-30-dielna-suprava-na-akykolvek-povrch?variant=54807772496211"
      aria-label="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="9"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Predchádzajúca snímka"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nasledujúca snímka"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="61993024323923"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="61993024323923"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=3840" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="61993024160083"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="61993024160083"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=3840" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="61993024061779"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="61993024061779"
>
  
  <img src="//elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=3840" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=352 352w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=832 832w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/23.jpg?v=1788187085&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="61993024094547"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="61993024094547"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=3840" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_2_21baba44-3f37-4406-b456-c3b8f83d6b00.jpg?v=1788187085&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="61993024192851"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="61993024192851"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=3840" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_5_bd4446b9-5b22-40cb-9ec3-f2f5a67705ea.jpg?v=1788187085&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>


    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-1
          "
        >Zľava
</div></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10815637946707"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10815637946707-AeXlvVlMxNGN5d2tZM__card-gallery-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="54807772496211"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10815637946707" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/personalizovane-gravirovacie-pero-30-dielna-suprava-na-akykolvek-povrch?variant=54807772496211"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm-2"
  data-product-id="10815637946707"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€39,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€49,90</span>
      </span>
    
  
</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
          <li
            id="template--29339465515347__main-10495298502995"
            class="product-grid__item product-grid__item--3"
            data-page="1"
            data-product-id="10495298502995"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10495298502995"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card-3"
  
  
>
  <a
    id="2e37cae0a3baf6c2a3ae7bf0e10a1ec7"
    
      href="/products/poistenie-balika?variant=53287745749331"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Poistenie balíka
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: none;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery-3 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="10495298502995"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <product-title class="product-card-gallery__title-placeholder">
      <a
        class="contents"
        ref="productTitleLink"
        href="/products/poistenie-balika?variant=53287745749331"
        aria-hidden="true"
      >
        <span class="title-text">Poistenie balíka</span>
      </a>
    </product-title>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-3
          "
        >Vypredané
</div></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Poistenie balíka"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10495298502995"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10495298502995-AeXlvVlMxNGN5d2tZM__card-gallery-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="53287745749331"
        
          disabled
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media=""
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
      disabled
    
  >
    <span
      class="add-to-cart-text"
    >
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10495298502995" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Poistenie balíka</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/poistenie-balika?variant=53287745749331"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Poistenie balíka</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm-3"
  data-product-id="10495298502995"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span class="price">€0,90</span>
    

</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
          <li
            id="template--29339465515347__main-10495297257811"
            class="product-grid__item product-grid__item--4"
            data-page="1"
            data-product-id="10495297257811"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10495297257811"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card-4"
  
  
>
  <a
    id="c0f04cbc37df78453535056e202f5b74"
    
      href="/products/poplatok-za-dobierku?variant=53287741817171"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Poplatok za dobierku
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery-4 spacing-style border-style"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1;
  "
  data-product-id="10495297257811"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <product-title class="product-card-gallery__title-placeholder">
      <a
        class="contents"
        ref="productTitleLink"
        href="/products/poplatok-za-dobierku?variant=53287741817171"
        aria-hidden="true"
      >
        <span class="title-text">Poplatok za dobierku</span>
      </a>
    </product-title>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Poplatok za dobierku"
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10495297257811"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10495297257811-AeXlvVlMxNGN5d2tZM__card-gallery-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="53287741817171"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media=""
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10495297257811" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Poplatok za dobierku</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/poplatok-za-dobierku?variant=53287741817171"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Poplatok za dobierku</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm-4"
  data-product-id="10495297257811"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span class="price">€0,90</span>
    

</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
          <li
            id="template--29339465515347__main-10830382170451"
            class="product-grid__item product-grid__item--5"
            data-page="1"
            data-product-id="10830382170451"
            ref="cards[]"
          >
            
            
<style data-shopify>
  
</style>


<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="10830382170451"
  id="product-card-ANVpIalZwRVdQUUJFM__product-card-5"
  
  
>
  <a
    id="f34da2a4f8803a5075135e2f725a27ad"
    
      href="/products/premiova-suprava-extra-gravirovacich-hrotov-30-ks-pre-este-dlhsie-tvorenie?variant=54847115166035"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie.
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;


--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: none;
      --quick-add-mobile-opacity: 0;
      
      
    "
  >
    
  
<div
  ref="cardGallery"
  class="card-gallery card-gallery-AeXlvVlMxNGN5d2tZM__card-gallery-5 spacing-style border-style card-gallery--badge-top-right"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 1.0;
  "
  data-product-id="10830382170451"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/premiova-suprava-extra-gravirovacich-hrotov-30-ks-pre-este-dlhsie-tvorenie?variant=54847115166035"
      aria-label="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie."
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="5"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Predchádzajúca snímka"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Nasledujúca snímka"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>

    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="62046158586195"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="62046158586195"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=3840" alt="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie." srcset="//elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="62046158651731"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="62046158651731"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=3840" alt="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie." srcset="//elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_5.png?v=1788443092&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="62046158684499"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="62046158684499"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=3840" alt="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie." srcset="//elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK.png?v=1788443092&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="62046158553427"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="62046158553427"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=3840" alt="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie." srcset="//elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_2.png?v=1788443092&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>
<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
    slide-id="62046158618963"
  
  
>
  

<div
  class="product-media"
  style="--ratio: 1.0"
  data-media-id="62046158618963"
>
  
  <img src="//elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=3840" alt="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie." srcset="//elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=352 352w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=832 832w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//elvaro.sk/cdn/shop/files/SK_4.png?v=1788443092&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>


</slideshow-slide>

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>


    </a>
  
  
    <div
      class="product-badges product-badges--top-right"
      style="
        --badge-border-radius: 100px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-1
          "
        >Zľava
</div></div>
    
      
<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie."
  data-quick-add-button="add"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--29339465515347__main"
    data-product-id="10830382170451"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10830382170451-AeXlvVlMxNGN5d2tZM__card-gallery-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="54847115166035"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//elvaro.sk/cdn/shop/files/SK_3.png?v=1788443093&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Pridať</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Vybrať
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="10830382170451" /><input type="hidden" name="section-id" value="template--29339465515347__main" /></form></product-form-component>
</quick-add-component>


</div>


<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie.</h3>
  
</div>


  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/premiova-suprava-extra-gravirovacich-hrotov-30-ks-pre-este-dlhsie-tvorenie?variant=54847115166035"
  >
    

  <div class=" spacing-style text-block text-block--AK2dJN2NQbFE5MElUM__product_title_4nY4eT-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Prémiová súprava extra gravírovacích hrotov (30 ks) – pre ešte dlhšie tvorenie.</p>
  </div>


  </a>


<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AUi9tU0Q0V2lqQmpSQ__price_EzJzMm-5"
  data-product-id="10830382170451"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€16,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€19,90</span>
      </span>
    
  
</div>

  
</product-price>


  </div>
</product-card>


          </li>
        
      
      </ul>
      
        <span ref="viewMoreNext"></span>
      
    
  </div>
</div>


  </div>
</results-list>


</div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--29339465875795__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
      --footer-gap: 20px;
      --grid-columns: 4;
      --last-row-count: 4;
      --tablet-last-row-count: 2;
    "
  >
    

  <div
    class="
  image-block image-block--AcHdpT3hmMGYyT1oxQ__image_GnmyTx image-block--height-fit spacing-style size-style
"
    style="
  --ratio: 1.0;
  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
"
    
  >
    
<img src="//elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=3840" alt="" srcset="//elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=240 240w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=352 352w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=832 832w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=1200 1200w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=1600 1600w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=1920 1920w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=2560 2560w, //elvaro.sk/cdn/shop/files/Elvaro_Logo_1080_1.png?v=1773848182&amp;width=3840 3840w" width="1080" height="1080" class="image-block__image border-style" style="
  --ratio: 1.0;
  --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

" sizes="auto, (min-width: 750px) 100vw, 100vw">

  </div>


  <rte-formatter class=" spacing-style text-block text-block--Adk92clFneitwY2hGc__text_VWb9pQ rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Elvaro je moderný online obchod, kde kladieme dôraz na praktické a jednoducho použiteľné produkty.<br/>Naším cieľom je, aby bol nákup jednoduchý, prehľadný a spoľahlivý pre každého.<br/>Našu ponuku neustále vyberáme a aktualizujeme na základe spätnej väzby od zákazníkov.</p>
  </rte-formatter>


  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h3">
        <span class="menu__heading__default">Užitočné odkazy</span>
        <span class="menu__heading__accordion">
          Užitočné odkazy
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/">
                  Domov
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni">
                  Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Kontakt
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/privacy-policy">
                  Ochrana osobných údajov
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/policies/terms-of-service">
                  Obchodné podmienky
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  </accordion-custom>


  <rte-formatter class=" spacing-style text-block text-block--AQ21DOVIyeUdqMkx1R__text_naPw9m rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Máš otázku? Ozvi sa!</h3><p><strong>E-mail: info@elvaro.sk </strong>(priemerný čas odpovede: 1–2 hodiny)</p><p><strong>Tel.: 034/657 46 71</strong> (Naša telefonická zákaznícka podpora je momentálne dočasne nedostupná. Ďakujeme za pochopenie!)<br/><br/>Kontaktná stránka</p>
  </rte-formatter>


  </div>
</div>


</div><div id="shopify-section-sections--29339465875795__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
  
>
  <div
    class="utilities utilities--blocks-3 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">EL_SK</a></span>
</div>


  <anchored-popover-component
    data-hover-triggered="true"
  >
    <button
      class="policy-list-trigger button-unstyled"
      popovertarget="terms-policies-popover"
      popovertargetaction="toggle"
      ref="trigger"
      style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
      
    >
      Pravidlá a podmienky
    </button>
    <div
      class="terms-policies-popover color-scheme-1"
      id="terms-policies-popover"
      popover="auto"
      ref="popover"
    >
      <ul
        class="
          policy_list list-unstyled
          custom-typography
          custom-font-size
        "
      ><li>
              <a
                href="/policies/privacy-policy"
                class="footer-utilities__text"
              >Pravidlá ochrany súkromia</a>
            </li><li>
              <a
                href="/policies/refund-policy"
                class="footer-utilities__text"
              >Pravidlá poskytovania refundácií</a>
            </li><li>
              <a
                href="/policies/terms-of-service"
                class="footer-utilities__text"
              >Podmienky poskytovania služby</a>
            </li><li>
              <a
                href="/policies/contact-information"
                class="footer-utilities__text"
              >Kontaktné údaje</a>
            </li></ul>
    </div>
  </anchored-popover-component>


<div
  class="social-icons__wrapper"
  
>
  

        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.facebook.com/profile.php?id=61586822944423"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
            
          >
            <span class="social-icons__icon-label">Facebook</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
            
          </a>
        </div>
      
    
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/elvarowebshop/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
</div>


  </div>
</div>


</div>
<!-- END sections: footer-group -->
    </footer>

    <script
  src="//elvaro.sk/cdn/shop/t/2/assets/dialog.js?v=150888536568694194021773845602"
  type="module"
></script>

<script
  src="//elvaro.sk/cdn/shop/t/2/assets/predictive-search.js?v=149240552485540508541773845602"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Hľadať
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Vyhľadať"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Vyhľadať</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Vyhľadať"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Vymazať
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Zavrieť dialógové okno"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Produkty
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Produkty"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/montessori-smartbuilder-drevena-skladacka-s-10-kartami"
  >
    <span class="visually-hidden">
      Montessori SmartBuilder – Drevená skladačka s 10 kartami
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
        <img src="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=500" alt="" srcset="//elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=240 240w, //elvaro.sk/cdn/shop/files/1.jpg?v=1775054159&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="//elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=500" alt="Montessori SmartBuilder – Drevená skladačka s 10 kartami" srcset="//elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=240 240w, //elvaro.sk/cdn/shop/files/3.jpg?v=1775054183&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59731438567763" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Montessori SmartBuilder – Drevená skladačka s 10 kartami</p>

    
      <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€59,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€49,90</span>
      </span>
    

</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/montessori-spinacie-dobrodruzstvo-tabulka-s-vypinacmi-ktoru-konecne-mozes-stlacat-bez-obmedzeni"
  >
    <span class="visually-hidden">
      Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
        <img src="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=500" alt="" srcset="//elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_5_a72d3ae3-c3e8-4fb5-aa10-68f6a8f925f7.jpg?v=1773852882&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="//elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=500" alt="Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení" srcset="//elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_2_01641d80-5ed5-44cf-9d1a-630e78bcbd6f.jpg?v=1773852882&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="59413578383699" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Montessori Spínacie dobrodružstvo – tabuľka s vypínačmi, ktorú konečne môžeš stláčať bez obmedzení</p>

    
      <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€39,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€35,90</span>
      </span>
    

</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/personalizovane-gravirovacie-pero-30-dielna-suprava-na-akykolvek-povrch"
  >
    <span class="visually-hidden">
      Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
        <img src="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=500" alt="" srcset="//elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_4848f9e1-d4dd-43f8-aea2-195d5bef07b4.jpg?v=1788187085&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="//elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=500" alt="Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch" srcset="//elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=240 240w, //elvaro.sk/cdn/shop/files/SK_4_c2ba4068-30b5-440d-a1e1-27a1cfc75680.jpg?v=1788187085&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="61993024160083" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Personalizované gravírovacie pero – 30-dielna súprava na akýkoľvek povrch</p>

    
      <div ref="priceContainer">
  
    
      <span role="group">
        <span class="visually-hidden">Normálna cena&nbsp;</span>
        <span class="compare-at-price">€49,90</span>
      </span>
    

      <span role="group">
        <span class="visually-hidden">Cena po zľave&nbsp;</span>
        <span class="price">€39,90</span>
      </span>
    

</div>
    
  </div>
</div>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/poistenie-balika"
  >
    <span class="visually-hidden">
      Poistenie balíka
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      
<div
          aria-hidden="true"
          class="resource-card__image-placeholder"
        >Poistenie balíka</div></div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Poistenie balíka</p>

    
      <div ref="priceContainer">
  
    
      <span class="price">€0,90</span>
    

</div>
    
  </div>
</div>

        </li>
      
    </ul>
  
</div>


    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              Zobraziť všetko
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>


      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Zavrieť dialógové okno"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>


  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>