{"id":17,"date":"2025-07-30T12:53:32","date_gmt":"2025-07-30T12:53:32","guid":{"rendered":"https:\/\/simak-keramika.si\/?page_id=17"},"modified":"2026-04-24T12:05:09","modified_gmt":"2026-04-24T12:05:09","slug":"homepage","status":"publish","type":"page","link":"https:\/\/simak-keramika.si\/it","title":{"rendered":"Pagina principale"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae41806 e-con-full e-flex e-con e-parent\" data-id=\"ae41806\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e28cd40 elementor-widget elementor-widget-html\" data-id=\"e28cd40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html>\r\n<head><link rel=\"stylesheet\" href=\"\/index.css\"><\/head>\r\n<body>\r\n<script type=\"importmap\">\r\n{\r\n  \"imports\": {\r\n    \"react\/\": \"https:\/\/esm.sh\/react@^19.2.4\/\",\r\n    \"react\": \"https:\/\/esm.sh\/react@^19.2.4\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<!-- SIMAK Keramika - HOME (no header) -->\r\n<main class=\"simak-home\">\r\n  <style>\r\n    .simak-home {\r\n      --simak-background: #ffffff;\r\n      --simak-foreground: #1e2939;\r\n      --simak-primary: #ff2d8c;\r\n      --simak-primary-foreground: #ffffff;\r\n      --simak-secondary: #f3f4f6;\r\n      --simak-secondary-foreground: #1e2939;\r\n      --simak-muted: #f3f4f6;\r\n      --simak-muted-foreground: #6b7280;\r\n      --simak-accent: #fce7f0;\r\n      --simak-accent-foreground: #ff2d8c;\r\n      --simak-border: #e5e7eb;\r\n      --simak-topbar: #1e2127;\r\n      --simak-topbar-foreground: #ffffff;\r\n      --simak-success: #15803d;\r\n      --simak-destructive: #b91c1c;\r\n      --simak-radius: 0.5rem;\r\n\r\n      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n      background-color: var(--simak-background);\r\n      color: var(--simak-foreground);\r\n      line-height: 1.6;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      margin: 0;\r\n      padding: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .simak-home *, .simak-home *::before, .simak-home *::after { box-sizing: border-box; }\r\n    .simak-home h1, .simak-home h2, .simak-home h3, .simak-home h4, .simak-home h5, .simak-home h6 {\r\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n      font-weight: 700;\r\n      letter-spacing: -0.025em;\r\n      margin: 0;\r\n      padding: 0;\r\n      line-height: 1.2;\r\n    }\r\n    .simak-home a { color: inherit; text-decoration: none; }\r\n    .simak-home img { max-width: 100%; height: auto; display: block; }\r\n    .simak-home p { margin: 0; }\r\n\r\n    .simak-home .simak-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 16px; }\r\n    @media (min-width: 640px) { .simak-home .simak-container { padding: 0 24px; } }\r\n    @media (min-width: 1024px) { .simak-home .simak-container { padding: 0 32px; } }\r\n\r\n    .simak-home .simak-btn {\r\n      display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n      padding: 12px 24px; font-size: 14px; font-weight: 600; font-family: 'Inter', system-ui, sans-serif;\r\n      border-radius: var(--simak-radius); cursor: pointer; transition: all 0.2s ease; border: none; text-decoration: none;\r\n    }\r\n    .simak-home .simak-btn-primary { background: var(--simak-primary); color: var(--simak-primary-foreground) !important; }\r\n    .simak-home .simak-btn-primary:visited { color: var(--simak-primary-foreground) !important; }\r\n    .simak-home .simak-btn-primary:hover { opacity: 0.9; color: var(--simak-primary-foreground) !important; }\r\n    .simak-home .simak-btn-primary * { color: inherit !important; }\r\n    .simak-home .simak-btn-primary svg { stroke: currentColor; fill: none; }\r\n    .simak-home .simak-btn-secondary { background: var(--simak-secondary); color: var(--simak-secondary-foreground); }\r\n    .simak-home .simak-btn-secondary:hover { background: #e5e7eb; }\r\n    .simak-home .simak-btn-outline { background: transparent; border: 1px solid var(--simak-border); color: var(--simak-foreground); }\r\n    .simak-home .simak-btn-outline:hover { background: var(--simak-accent); }\r\n    .simak-home .simak-btn-ghost { background: transparent; color: var(--simak-foreground); padding: 8px; }\r\n    .simak-home .simak-btn-ghost:hover { background: var(--simak-accent); }\r\n    .simak-home .simak-btn-lg { padding: 16px 32px; font-size: 16px; }\r\n    .simak-home .simak-btn-sm { padding: 8px 16px; font-size: 12px; }\r\n\r\n    .simak-home .simak-hero { position: relative; height: 400px; overflow: hidden; }\r\n    @media (min-width: 1024px) { .simak-home .simak-hero { height: 500px; } }\r\n    .simak-home .simak-hero-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }\r\n    .simak-home .simak-hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }\r\n    .simak-home .simak-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.5), transparent); z-index: 1; pointer-events: none; }\r\n    .simak-home .simak-hero-content { position: relative; height: 100%; display: flex; align-items: center; z-index: 2; }\r\n    .simak-home .simak-hero-text { max-width: 500px; color: white; }\r\n    .simak-home .simak-hero-text p { font-size: 15px; opacity: 0.9; margin-bottom: 16px; color: white; }\r\n    @media (min-width: 1024px) { .simak-home .simak-hero-text p { font-size: 17px; } }\r\n\r\n    .simak-home .simak-usp-bar { background: var(--simak-primary); color: var(--simak-primary-foreground); padding: 16px 0; }\r\n    .simak-home .simak-usp-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 32px; }\r\n    .simak-home .simak-usp-item { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; color: white; }\r\n    .simak-home .simak-usp-divider { width: 1px; height: 24px; background: rgba(255,255,255,0.3); display: none; }\r\n    @media (min-width: 640px) { .simak-home .simak-usp-divider { display: block; } }\r\n\r\n    .simak-home .simak-section { padding: 64px 0; }\r\n    .simak-home .simak-section-muted { background: #f9fafb; }\r\n    .simak-home .simak-section-dark { background: var(--simak-topbar); color: var(--simak-topbar-foreground); }\r\n    .simak-home .simak-section-header { text-align: center; margin-bottom: 48px; }\r\n    .simak-home .simak-section-header h2 { font-size: 24px; margin-bottom: 12px; }\r\n    @media (min-width: 1024px) { .simak-home .simak-section-header h2 { font-size: 36px; } }\r\n    .simak-home .simak-section-header p { color: var(--simak-muted-foreground); max-width: 640px; margin: 0 auto; font-size: 16px; }\r\n    .simak-home .simak-section-underline { width: 64px; height: 4px; background: var(--simak-primary); margin: 12px auto 16px; border-radius: 9999px; }\r\n    .simak-home .simak-section-label { color: var(--simak-primary); font-weight: 600; font-size: 14px; margin-bottom: 8px; display: block; }\r\n\r\n    .simak-home .simak-grid { display: grid; gap: 24px; }\r\n    .simak-home .simak-grid-2 { grid-template-columns: repeat(2, 1fr); }\r\n    .simak-home .simak-grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n    .simak-home .simak-grid-4 { grid-template-columns: repeat(4, 1fr); }\r\n    @media (max-width: 1023px) { .simak-home .simak-grid-4 { grid-template-columns: repeat(3, 1fr); } }\r\n    @media (max-width: 767px) { .simak-home .simak-grid-3, .simak-home .simak-grid-4 { grid-template-columns: repeat(2, 1fr); } }\r\n    @media (max-width: 639px) { .simak-home .simak-grid-2, .simak-home .simak-grid-3, .simak-home .simak-grid-4 { grid-template-columns: 1fr; } }\r\n\r\n    .simak-home .simak-card { background: var(--simak-background); border-radius: var(--simak-radius); border: 1px solid var(--simak-border); overflow: hidden; transition: all 0.3s; display: block; }\r\n    .simak-home .simak-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-4px); }\r\n    .simak-home .simak-card-image { aspect-ratio: 4\/3; overflow: hidden; position: relative; }\r\n    .simak-home .simak-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }\r\n    .simak-home .simak-card:hover .simak-card-image img { transform: scale(1.1); }\r\n    .simak-home .simak-card-body { padding: 20px; }\r\n    .simak-home .simak-card-badge { position: absolute; top: 16px; right: 16px; background: var(--simak-primary); color: #ffffff; padding: 4px 12px; border-radius: var(--simak-radius); font-size: 12px; font-weight: 700; }\r\n\r\n    .simak-home .products {\r\n      display: grid !important;\r\n      gap: 16px !important;\r\n      grid-template-columns: repeat(2, 1fr) !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      list-style: none !important;\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n    }\r\n    @media (min-width: 640px) { .simak-home .products { grid-template-columns: repeat(3, 1fr) !important; } }\r\n    @media (min-width: 1024px) { .simak-home .products { grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; } }\r\n\r\n    .simak-home .products::before, .simak-home .products::after, .simak-home .products > *:not(.product) {\r\n      display: none !important; content: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; visibility: hidden !important;\r\n    }\r\n\r\n    .simak-home li.product {\r\n      background: #ffffff !important;\r\n      border-radius: 12px !important;\r\n      border: 1px solid #e5e7eb !important;\r\n      overflow: hidden !important;\r\n      transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 480ms cubic-bezier(0.22, 1, 0.36, 1), border-color 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n      will-change: transform, box-shadow !important;\r\n      transform: translate3d(0, 0, 0) !important;\r\n      backface-visibility: hidden !important;\r\n      min-width: 0 !important;\r\n      width: 100% !important;\r\n      margin: 0 !important;\r\n      float: none !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      position: relative !important;\r\n      clear: none !important;\r\n      cursor: pointer !important;\r\n    }\r\n\r\n    .simak-home li.product:hover {\r\n      transform: translate3d(0, -5px, 0) !important;\r\n      box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1) !important;\r\n    }\r\n\r\n    .simak-home li.product .woocommerce-LoopProduct-link {\r\n      position: relative !important;\r\n      aspect-ratio: 1 !important;\r\n      overflow: hidden !important;\r\n      display: block !important;\r\n      width: 100% !important;\r\n    }\r\n\r\n    .simak-home li.product img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n      will-change: transform !important;\r\n      transform: translate3d(0, 0, 0) scale(1) !important;\r\n      backface-visibility: hidden !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .simak-home li.product:hover img {\r\n      transform: translate3d(0, 0, 0) scale(1.05) !important;\r\n    }\r\n\r\n    .simak-home li.product .onsale {\r\n      position: absolute !important;\r\n      top: 12px !important;\r\n      left: 12px !important;\r\n      background: #ff2d8c !important;\r\n      color: #ffffff !important;\r\n      padding: 4px 10px !important;\r\n      border-radius: 6px !important;\r\n      font-size: 0.75rem !important;\r\n      font-weight: 600 !important;\r\n      z-index: 2 !important;\r\n      min-height: auto !important;\r\n      min-width: auto !important;\r\n      line-height: 1.2 !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-body {\r\n      padding: 16px !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 8px !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-title-link {\r\n      text-decoration: none !important;\r\n      display: block !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-title-link:hover .woocommerce-loop-product__title {\r\n      color: #ff2d8c !important;\r\n    }\r\n\r\n    .simak-home li.product .woocommerce-loop-product__title {\r\n      font-weight: 600 !important;\r\n      font-size: 0.9375rem !important;\r\n      color: #111827 !important;\r\n      margin-bottom: 0 !important;\r\n      display: -webkit-box !important;\r\n      -webkit-line-clamp: 2 !important;\r\n      -webkit-box-orient: vertical !important;\r\n      overflow: hidden !important;\r\n      line-height: 1.4 !important;\r\n      min-height: 2.8em !important;\r\n      padding: 0 !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      transition: color 0.2s ease !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-price-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      gap: 8px !important;\r\n      margin-top: 4px !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-price-col {\r\n      display: flex !important;\r\n      align-items: baseline !important;\r\n      gap: 4px !important;\r\n    }\r\n\r\n    .simak-home li.product .price,\r\n    .simak-home li.product .price ins,\r\n    .simak-home li.product .price .amount {\r\n      padding: 0 !important;\r\n      font-size: 1.125rem !important;\r\n      font-weight: 700 !important;\r\n      color: #ff2d8c !important;\r\n      display: inline-block !important;\r\n      line-height: 1 !important;\r\n      margin: 0 !important;\r\n      text-decoration: none !important;\r\n      background: transparent !important;\r\n    }\r\n\r\n    .simak-home li.product .price del {\r\n      font-size: 0.875rem !important;\r\n      color: #9ca3af !important;\r\n      font-weight: 400 !important;\r\n      margin-right: 4px !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-unit {\r\n      font-size: 0.875rem !important;\r\n      color: #4b5563 !important;\r\n      font-weight: 400 !important;\r\n    }\r\n\r\n    .simak-home li.product > .button,\r\n    .simak-home li.product .add_to_cart_button,\r\n    .simak-home li.product .ajax_add_to_cart {\r\n      display: none !important;\r\n    }\r\n\r\n    .simak-home li.product .button {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      padding: 0 20px !important;\r\n      background: #ff2d8c !important;\r\n      color: #ffffff !important;\r\n      border: none !important;\r\n      border-radius: 6px !important;\r\n      font-size: 0.875rem !important;\r\n      font-weight: 600 !important;\r\n      cursor: pointer !important;\r\n      transition: all 0.2s ease !important;\r\n      white-space: nowrap !important;\r\n      height: 40px !important;\r\n      text-decoration: none !important;\r\n      flex: 0 0 auto !important;\r\n      margin: 0 !important;\r\n      line-height: 1 !important;\r\n    }\r\n\r\n    .simak-home li.product .button svg {\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n    }\r\n\r\n    .simak-home li.product .button:hover {\r\n      background: #e6297e !important;\r\n      transform: translateY(-1px) !important;\r\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-stock {\r\n      margin-top: 4px !important;\r\n      font-size: 0.75rem !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      color: #16a34a !important;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-stock-dot {\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      border-radius: 50% !important;\r\n      background: #16a34a !important;\r\n      box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2) !important;\r\n    }\r\n\r\n    .simak-home li.product .simak-product-xxl-badge {\r\n      position: absolute !important;\r\n      bottom: 12px !important;\r\n      left: 12px !important;\r\n      background: rgba(30, 41, 59, 0.85) !important;\r\n      backdrop-filter: blur(4px) !important;\r\n      color: #ffffff !important;\r\n      padding: 4px 8px !important;\r\n      border-radius: 4px !important;\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.05em !important;\r\n      z-index: 5 !important;\r\n    }\r\n\r\n    .simak-home .simak-category-card { display: block; }\r\n    .simak-home .simak-category-card .simak-card-body { display: flex; align-items: center; justify-content: space-between; }\r\n    .simak-home .simak-category-name { font-weight: 600; font-size: 16px; transition: color 0.2s; margin: 0; }\r\n    .simak-home .simak-category-card:hover .simak-category-name { color: var(--simak-primary); }\r\n    .simak-home .simak-category-arrow { width: 40px; height: 40px; border-radius: 9999px; border: 1px solid var(--simak-border); display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; }\r\n    .simak-home .simak-category-card:hover .simak-category-arrow { background: var(--simak-primary); color: white; border-color: var(--simak-primary); }\r\n\r\n    .simak-home .simak-location-info { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }\r\n    .simak-home .simak-location-info-item { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--simak-muted-foreground); }\r\n    .simak-home .simak-location-info-item svg { width: 16px; height: 16px; color: var(--simak-primary); flex-shrink: 0; margin-top: 2px; }\r\n\r\n    .simak-home .simak-location-link {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      color: var(--simak-primary);\r\n      font-weight: 500;\r\n      font-size: 14px;\r\n      margin-top: 16px;\r\n      transition: gap 0.2s;\r\n    }\r\n    .simak-home .simak-location-link svg { width: 16px; height: 16px; }\r\n    .simak-home .simak-location-card:hover .simak-location-link { gap: 8px; }\r\n\r\n    .simak-home .simak-stats-bar { background: var(--simak-topbar); color: var(--simak-topbar-foreground); padding: 48px 0; }\r\n    .simak-home .simak-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; text-align: center; }\r\n    @media (max-width: 1023px) { .simak-home .simak-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }\r\n    @media (max-width: 639px) { .simak-home .simak-stats-grid { grid-template-columns: 1fr; gap: 20px; } }\r\n    .simak-home .simak-stat-item { text-align: center; }\r\n    .simak-home .simak-stat-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; opacity: 0.9; }\r\n    .simak-home .simak-stat-value { font-size: 48px; font-weight: 700; line-height: 1; color: var(--simak-primary); }\r\n\r\n    .simak-home .simak-feature-card { text-align: center; padding: 24px; }\r\n    .simak-home .simak-feature-icon {\r\n      width: 80px; height: 80px; border: 2px solid rgba(255, 45, 140, 0.5);\r\n      border-radius: 9999px; display: flex; align-items: center; justify-content: center;\r\n      margin: 0 auto 20px; transition: border-color 0.3s;\r\n    }\r\n    .simak-home .simak-feature-card:hover .simak-feature-icon { border-color: var(--simak-primary); }\r\n    .simak-home .simak-feature-icon svg { color: var(--simak-primary); width: 32px; height: 32px; }\r\n    .simak-home .simak-feature-title { font-weight: 700; font-size: 18px; margin-bottom: 8px; }\r\n    .simak-home .simak-feature-desc { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.6; }\r\n\r\n    .simak-home .simak-about-grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }\r\n    @media (min-width: 1024px) { .simak-home .simak-about-grid { grid-template-columns: 1fr 1fr; gap: 64px; } }\r\n    .simak-home .simak-about-image { width: 100%; border-radius: 16px; box-shadow: 0 25px 50px rgba(0,0,0,0.25); }\r\n    .simak-home .simak-about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }\r\n    .simak-home .simak-about-feature { display: flex; gap: 12px; align-items: flex-start; }\r\n    .simak-home .simak-about-feature-icon { width: 40px; height: 40px; min-width: 40px; border-radius: 8px; background: var(--simak-accent); display: flex; align-items: center; justify-content: center; }\r\n    .simak-home .simak-about-feature-icon svg { width: 20px; height: 20px; color: var(--simak-primary); }\r\n    .simak-home .simak-about-feature h3 { font-weight: 500; font-size: 14px; margin: 0; color: var(--simak-foreground); }\r\n\r\n    .simak-home .simak-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; flex-shrink: 0; }\r\n\r\n    .simak-home .simak-google-badge {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      background: rgba(255,255,255,0.1); backdrop-filter: blur(4px);\r\n      padding: 8px 12px; border-radius: var(--simak-radius); margin-bottom: 16px;\r\n    }\r\n    .simak-home .simak-google-stars { display: flex; gap: 2px; }\r\n    .simak-home .simak-google-star { color: #fbbf24; width: 14px; height: 14px; }\r\n\r\n    .simak-home .simak-text-muted { color: var(--simak-muted-foreground); }\r\n    .simak-home .simak-text-white { color: white; }\r\n    .simak-home .simak-font-bold { font-weight: 700; }\r\n    .simak-home .simak-font-semibold { font-weight: 600; }\r\n\r\n    .simak-home .simak-locations-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n    @media (max-width: 1023px) { .simak-home .simak-locations-grid { grid-template-columns: repeat(2, 1fr); } }\r\n    @media (max-width: 639px) { .simak-home .simak-locations-grid { grid-template-columns: 1fr; } }\r\n\r\n    .simak-home .simak-location-card {\r\n      background: var(--simak-background);\r\n      border-radius: var(--simak-radius);\r\n      border: 1px solid var(--simak-border);\r\n      overflow: hidden;\r\n      transition: all 0.3s;\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n    }\r\n    .simak-home .simak-location-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); }\r\n    .simak-home .simak-location-image { aspect-ratio: 4\/3; overflow: hidden; }\r\n    .simak-home .simak-location-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }\r\n    .simak-home .simak-location-name { font-weight: 600; font-size: 18px; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }\r\n    .simak-home .simak-location-type { font-size: 12px; color: var(--simak-muted-foreground); margin-bottom: 16px; }\r\n\r\n    .simak-home .simak-hero-slides { position: absolute; inset: 0; z-index: 1; }\r\n    html body .simak-home .simak-hero .simak-hero-slide, .simak-home .simak-hero-slide {\r\n      position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1;\r\n      transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1), visibility 700ms cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n      will-change: opacity, visibility;\r\n    }\r\n    html body .simak-home .simak-hero .simak-hero-slide.is-active, .simak-home .simak-hero-slide.is-active {\r\n      opacity: 1; visibility: visible; pointer-events: auto; z-index: 2;\r\n    }\r\n\r\n    @keyframes simak-hero-autoplay { 0% { opacity: 0; } 4% { opacity: 1; } 22% { opacity: 1; } 28% { opacity: 0; } 100% { opacity: 0; } }\r\n    .simak-home .simak-hero[data-simak-slider]:not(.simak-slider-js) .simak-hero-slide { opacity: 0; animation: simak-hero-autoplay 24s infinite; }\r\n    .simak-home .simak-hero[data-simak-slider]:not(.simak-slider-js) .simak-hero-slide:nth-child(1) { animation-delay: 0s; }\r\n    .simak-home .simak-hero[data-simak-slider]:not(.simak-slider-js) .simak-hero-slide:nth-child(2) { animation-delay: 6s; }\r\n    .simak-home .simak-hero[data-simak-slider]:not(.simak-slider-js) .simak-hero-slide:nth-child(3) { animation-delay: 12s; }\r\n    .simak-home .simak-hero[data-simak-slider]:not(.simak-slider-js) .simak-hero-slide:nth-child(4) { animation-delay: 18s; }\r\n\r\n    .simak-home .simak-hero-arrows {\r\n      position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between;\r\n      padding: 0 14px; pointer-events: none; z-index: 20;\r\n    }\r\n    .simak-home .simak-hero-arrow {\r\n      pointer-events: auto; width: 44px; height: 44px; border-radius: 9999px;\r\n      border: 1px solid rgba(255,255,255,0.35); background: rgba(0,0,0,0.28); color: #fff;\r\n      display: inline-flex; align-items: center; justify-content: center; cursor: pointer;\r\n      transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1) !important, background 220ms ease !important, border-color 220ms ease !important;\r\n      backdrop-filter: blur(8px);\r\n    }\r\n    .simak-home .simak-hero-arrow:hover { background: rgba(0,0,0,0.42); border-color: rgba(255,255,255,0.55); transform: scale(1.05); }\r\n    .simak-home .simak-hero-arrow svg { width: 20px; height: 20px; }\r\n\r\n    .simak-home .simak-hero-nav {\r\n      position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);\r\n      display: flex; gap: 10px; z-index: 25;\r\n    }\r\n    .simak-home .simak-hero-dot {\r\n      display: block; width: 16px; height: 16px; border-radius: 9999px;\r\n      background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.55);\r\n      cursor: pointer; padding: 0;\r\n      transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1) !important, background 220ms ease !important, width 220ms cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n    .simak-home .simak-hero-dot:hover { background: rgba(255,255,255,0.75); transform: scale(1.08); }\r\n    .simak-home .simak-hero-dot:focus-visible { outline: 2px solid var(--simak-primary); outline-offset: 3px; }\r\n    .simak-home .simak-hero-dot.is-active { width: 36px; background: var(--simak-primary); border-color: transparent; }\r\n\r\n    .simak-home .products .product:has(.woocommerce-placeholder),\r\n    .simak-home .products .product:has(img[src*=\"placeholder\"]),\r\n    .simak-home .products .product.outofstock {\r\n      display: none !important;\r\n    }\r\n\r\n    .simak-home .simak-hero-title {\r\n      font-size: 26px;\r\n      margin: 0 0 16px;\r\n      color: #fff;\r\n      font-weight: 800;\r\n      letter-spacing: -0.03em;\r\n      line-height: 1.05;\r\n    }\r\n    @media (min-width: 1024px) { .simak-home .simak-hero-title { font-size: 38px; } }\r\n\r\n    .simak-home .simak-map { position: relative; width: 100%; height: 100%; min-height: 240px; background: #e5e7eb; overflow: hidden; }\r\n    .simak-home .simak-map-btn {\r\n      position: absolute; left: 12px; right: 12px; bottom: 12px;\r\n      display: inline-flex; align-items: center; justify-content: center;\r\n      padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.08);\r\n      background: #fff; font-weight: 600; cursor: pointer;\r\n    }\r\n    .simak-home .simak-map iframe { width: 100%; height: 100%; border: 0; display: block; }\r\n  <\/style>\r\n\r\n  <!-- Hero Slider (JS) -->\r\n  <section class=\"simak-hero\" aria-label=\"SIMAK promocije\" data-simak-slider>\r\n    <div class=\"simak-hero-slides\">\r\n\r\n      <div class=\"simak-hero-slide is-active\" aria-hidden=\"false\">\r\n        <img fetchpriority=\"high\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Keramika-1-2-scaled.jpg\" alt=\"Keramika za vsak prostor\" class=\"simak-hero-bg-img\" fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"500\">\r\n        <div class=\"simak-hero-overlay\"><\/div>\r\n        <div class=\"simak-container simak-hero-content\">\r\n          <div class=\"simak-hero-text\">\r\n            <a href=\"https:\/\/g.page\/simak-keramika\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-google-badge\" aria-label=\"Google ocena\">\r\n              <svg style=\"width:20px;height:20px\" viewBox=\"0 0 24 24\">\r\n                <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n                <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n                <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n                <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n              <\/svg>\r\n              <span class=\"simak-text-white\" style=\"font-size:14px;\">Google ocena:<\/span>\r\n              <div class=\"simak-google-stars\">\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" style=\"opacity:0.7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"simak-text-white simak-font-semibold\" style=\"font-size:14px;\">4,7<\/span>\r\n            <\/a>\r\n            <h1 class=\"simak-hero-title\">Keramika za vsak prostor<\/h1>\r\n            <p>300+ modelov. 100.000 m\u00b2 na zalogi.<\/p>\r\n            <a href=\"https:\/\/simak-keramika.si\/kategorija\/keramika\/\" class=\"simak-btn simak-btn-primary simak-btn-lg\">Poglej keramiko<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"simak-hero-slide\" aria-hidden=\"true\">\r\n        <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Kopalniska-oprema-2-scaled.jpg\" alt=\"Kopalni\u0161ka oprema\" class=\"simak-hero-bg-img\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"1920\" height=\"500\">\r\n        <div class=\"simak-hero-overlay\"><\/div>\r\n        <div class=\"simak-container simak-hero-content\">\r\n          <div class=\"simak-hero-text\">\r\n            <a href=\"https:\/\/g.page\/simak-keramika\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-google-badge\" aria-label=\"Google ocena\">\r\n              <svg style=\"width:20px;height:20px\" viewBox=\"0 0 24 24\">\r\n                <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n                <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n                <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n                <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n              <\/svg>\r\n              <span class=\"simak-text-white\" style=\"font-size:14px;\">Google ocena:<\/span>\r\n              <div class=\"simak-google-stars\">\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" style=\"opacity:0.7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"simak-text-white simak-font-semibold\" style=\"font-size:14px;\">4,7<\/span>\r\n            <\/a>\r\n            <h2 class=\"simak-hero-title\">Kopalni\u0161ka oprema<\/h2>\r\n            <p>Vse za va\u0161o sanjsko kopalnico na enem mestu<\/p>\r\n            <a href=\"https:\/\/simak-keramika.si\/kategorija\/kopalnica\/\" class=\"simak-btn simak-btn-primary simak-btn-lg\">Oglej kopalni\u0161ko opremo<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"simak-hero-slide\" aria-hidden=\"true\">\r\n        <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Revesteh-3-scaled.jpg\" alt=\"Revestech - hidroizolacija\" class=\"simak-hero-bg-img\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"1920\" height=\"500\">\r\n        <div class=\"simak-hero-overlay\"><\/div>\r\n        <div class=\"simak-container simak-hero-content\">\r\n          <div class=\"simak-hero-text\">\r\n            <a href=\"https:\/\/g.page\/simak-keramika\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-google-badge\" aria-label=\"Google ocena\">\r\n              <svg style=\"width:20px;height:20px\" viewBox=\"0 0 24 24\">\r\n                <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n                <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n                <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n                <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n              <\/svg>\r\n              <span class=\"simak-text-white\" style=\"font-size:14px;\">Google ocena:<\/span>\r\n              <div class=\"simak-google-stars\">\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" style=\"opacity:0.7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"simak-text-white simak-font-semibold\" style=\"font-size:14px;\">4,7<\/span>\r\n            <\/a>\r\n            <h2 class=\"simak-hero-title\">Revestech - hidroizolacija<\/h2>\r\n            <p>Za tu\u0161, terase in kriti\u010dne detajle. Brez zamakanja.<\/p>\r\n            <a href=\"https:\/\/simak-keramika.si\/kategorija\/revestech\/\" class=\"simak-btn simak-btn-primary simak-btn-lg\">Poglej Revestech<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"simak-hero-slide\" aria-hidden=\"true\">\r\n        <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Pripomocki-za-mojstre-2-scaled.jpg\" alt=\"Pripomo\u010dki za mojstre\" class=\"simak-hero-bg-img\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"1920\" height=\"500\">\r\n        <div class=\"simak-hero-overlay\"><\/div>\r\n        <div class=\"simak-container simak-hero-content\">\r\n          <div class=\"simak-hero-text\">\r\n            <a href=\"https:\/\/g.page\/simak-keramika\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-google-badge\" aria-label=\"Google ocena\">\r\n              <svg style=\"width:20px;height:20px\" viewBox=\"0 0 24 24\">\r\n                <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n                <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n                <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n                <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n              <\/svg>\r\n              <span class=\"simak-text-white\" style=\"font-size:14px;\">Google ocena:<\/span>\r\n              <div class=\"simak-google-stars\">\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" style=\"opacity:0.7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"simak-text-white simak-font-semibold\" style=\"font-size:14px;\">4,7<\/span>\r\n            <\/a>\r\n            <h2 class=\"simak-hero-title\">Pripomo\u010dki za mojstre<\/h2>\r\n            <p>Lepila in fugirne mase - vse na enem mestu.<\/p>\r\n            <a href=\"https:\/\/simak-keramika.si\/kategorija\/pripomocki\/\" class=\"simak-btn simak-btn-primary simak-btn-lg\">Poglej pripomo\u010dke<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"simak-hero-slide\" aria-hidden=\"true\">\r\n        <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Lokacije-3-scaled.jpg\" alt=\"Obi\u0161\u010dite nas v 4 lokacijah\" class=\"simak-hero-bg-img\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" width=\"1920\" height=\"500\">\r\n        <div class=\"simak-hero-overlay\"><\/div>\r\n        <div class=\"simak-container simak-hero-content\">\r\n          <div class=\"simak-hero-text\">\r\n            <a href=\"https:\/\/g.page\/simak-keramika\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-google-badge\" aria-label=\"Google ocena\">\r\n              <svg style=\"width:20px;height:20px\" viewBox=\"0 0 24 24\">\r\n                <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n                <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n                <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n                <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n              <\/svg>\r\n              <span class=\"simak-text-white\" style=\"font-size:14px;\">Google ocena:<\/span>\r\n              <div class=\"simak-google-stars\">\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                <svg class=\"simak-google-star\" style=\"opacity:0.7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <\/div>\r\n              <span class=\"simak-text-white simak-font-semibold\" style=\"font-size:14px;\">4,7<\/span>\r\n            <\/a>\r\n            <h2 class=\"simak-hero-title\">Obi\u0161\u010dite nas v 4 lokacijah<\/h2>\r\n            <p>Ljubljana | Nova Gorica | Postojna | Koper (\u0160kofije)<\/p>\r\n            <a href=\"https:\/\/simak-keramika.si\/lokacije\/\" class=\"simak-btn simak-btn-primary simak-btn-lg\">Poglej lokacije<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"simak-hero-arrows\" aria-hidden=\"false\">\r\n      <button type=\"button\" class=\"simak-hero-arrow simak-hero-prev\" aria-label=\"Prej\u0161nja promocija\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n      <\/button>\r\n      <button type=\"button\" class=\"simak-hero-arrow simak-hero-next\" aria-label=\"Naslednja promocija\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"simak-hero-nav\" role=\"tablist\" aria-label=\"Izbira promocije\">\r\n      <button type=\"button\" role=\"tab\" class=\"simak-hero-dot is-active\" data-slide=\"0\" aria-label=\"Promocija 1\" aria-current=\"true\"><\/button>\r\n      <button type=\"button\" role=\"tab\" class=\"simak-hero-dot\" data-slide=\"1\" aria-label=\"Promocija 2\"><\/button>\r\n      <button type=\"button\" role=\"tab\" class=\"simak-hero-dot\" data-slide=\"2\" aria-label=\"Promocija 3\"><\/button>\r\n      <button type=\"button\" role=\"tab\" class=\"simak-hero-dot\" data-slide=\"3\" aria-label=\"Promocija 4\"><\/button>\r\n      <button type=\"button\" role=\"tab\" class=\"simak-hero-dot\" data-slide=\"4\" aria-label=\"Promocija 5\"><\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.querySelector('[data-simak-slider]');\r\n      if (!root) return;\r\n      root.classList.add('simak-slider-js');\r\n\r\n      var slides = Array.prototype.slice.call(root.querySelectorAll('.simak-hero-slide'));\r\n      var dots = Array.prototype.slice.call(root.querySelectorAll('.simak-hero-dot'));\r\n      var prev = root.querySelector('.simak-hero-prev');\r\n      var next = root.querySelector('.simak-hero-next');\r\n\r\n      if (!slides.length) return;\r\n\r\n      var index = 0;\r\n      var timer = null;\r\n      var intervalMs = 6000;\r\n\r\n      function setActive(nextIndex) {\r\n        index = (nextIndex + slides.length) % slides.length;\r\n\r\n        slides.forEach(function (s, i) {\r\n          var active = i === index;\r\n          s.classList.toggle('is-active', active);\r\n          s.setAttribute('aria-hidden', active ? 'false' : 'true');\r\n        });\r\n\r\n        dots.forEach(function (d, i) {\r\n          var active = i === index;\r\n          d.classList.toggle('is-active', active);\r\n          if (active) d.setAttribute('aria-current', 'true');\r\n          else d.removeAttribute('aria-current');\r\n        });\r\n      }\r\n\r\n      function stop() {\r\n        if (timer) {\r\n          clearInterval(timer);\r\n          timer = null;\r\n        }\r\n      }\r\n\r\n      function start() {\r\n        stop();\r\n        timer = setInterval(function () {\r\n          setActive(index + 1);\r\n        }, intervalMs);\r\n      }\r\n\r\n      dots.forEach(function (d) {\r\n        d.addEventListener('click', function () {\r\n          var i = parseInt(d.getAttribute('data-slide') || '0', 10);\r\n          setActive(i);\r\n          start();\r\n        });\r\n      });\r\n\r\n      if (prev) {\r\n        prev.addEventListener('click', function () {\r\n          setActive(index - 1);\r\n          start();\r\n        });\r\n      }\r\n\r\n      if (next) {\r\n        next.addEventListener('click', function () {\r\n          setActive(index + 1);\r\n          start();\r\n        });\r\n      }\r\n\r\n      document.addEventListener('visibilitychange', function () {\r\n        if (document.hidden) stop();\r\n        else start();\r\n      });\r\n\r\n      setActive(0);\r\n      start();\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- USP Bar -->\r\n  <section class=\"simak-usp-bar\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-usp-inner\">\r\n        <div class=\"simak-usp-item\">\r\n          <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n          <span>300+ modelov | 100.000 m\u00b2 na zalogi<\/span>\r\n        <\/div>\r\n        <div class=\"simak-usp-divider\"><\/div>\r\n        <a href=\"https:\/\/www.radiocapris.si\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"simak-usp-item\" style=\"text-decoration:none;\" aria-label=\"O nas so pisali - Radio Capris\">\r\n          <span>O nas so pisali<\/span>\r\n          <span style=\"display:inline-flex;align-items:center;background:#fff;border-radius:6px;padding:4px 10px;\">\r\n            <img loading=\"lazy\" src=\"https:\/\/www.plac-priloznosti.si\/wp-content\/uploads\/2024\/09\/Radio-Capris_logotip_RGB-moder-02.png\" alt=\"Radio Capris Logo\" width=\"124\" height=\"32\" style=\"height:18px;width:auto;display:block;\" loading=\"lazy\" decoding=\"async\">\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Categories Section -->\r\n  <section class=\"simak-section simak-section-muted\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-section-header\">\r\n        <h2>Izbrane kategorije<\/h2>\r\n        <div class=\"simak-section-underline\"><\/div>\r\n        <p>Odkrijte na\u0161o bogato ponudbo keramike in kopalni\u0161ke opreme<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"simak-grid simak-grid-3\">\r\n        <a href=\"https:\/\/simak-keramika.si\/kategorija\/keramika\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/keramika-1-2.jpeg\" alt=\"Keramika\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name\">Keramika<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/simak-keramika.si\/kategorija\/kopalnica\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/kopalniska-oprema-1.jpeg\" alt=\"Kopalni\u0161ka oprema\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name\">Kopalni\u0161ka oprema<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/simak-keramika.si\/kategorija\/revestech\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Revestech-4.jpg\" alt=\"Revestech\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name\">Revestech<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/simak-keramika.si\/kategorija\/pripomocki-za-mojstre\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/pripomocki-za-mojstre-1.jpeg\" alt=\"Pripomo\u010dki za mojstre\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name\">Pripomo\u010dki za mojstre<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/simak-keramika.si\/kategorija\/zadnji-kosi\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/zadnji-kosi-2.jpg\" alt=\"Zadnji kosi\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n            <span class=\"simak-card-badge\">Do -50%<\/span>\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name simak-text-primary\">Zadnji kosi<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/simak-keramika.si\/lokacije\/\" class=\"simak-card simak-category-card\">\r\n          <div class=\"simak-card-image\">\r\n            <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/Lokacije-3-scaled.jpg\" alt=\"Lokacije\" width=\"600\" height=\"450\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n          <div class=\"simak-card-body\">\r\n            <h3 class=\"simak-category-name\">Lokacije<\/h3>\r\n            <div class=\"simak-category-arrow\">\r\n              <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Featured Products -->\r\n  <section class=\"simak-section\">\r\n    <div class=\"simak-container\">\r\n      <div style=\"display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:48px;\">\r\n        <div>\r\n          <span class=\"simak-section-label\">Na\u0161a ponudba<\/span>\r\n          <h2 style=\"font-size:24px;margin-bottom:8px;\">Izpostavljeni izdelki<\/h2>\r\n          <p class=\"simak-text-muted\">Odkrijte najnovej\u0161e in najbolj priljubljene izdelke<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/simak-keramika.si\/trgovina\/\" class=\"simak-btn simak-btn-primary\">\r\n          Vsi izdelki\r\n          <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div id=\"featured-products-root\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Features Section -->\r\n  <section class=\"simak-section simak-section-dark\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-grid simak-grid-3\">\r\n        <div class=\"simak-feature-card\">\r\n          <div class=\"simak-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"simak-feature-title\">Izku\u0161eni & odzivni<\/h3>\r\n          <p class=\"simak-feature-desc\">Na podlagi dolgoletnih izku\u0161enj na podro\u010dju keramike in gradbeni\u0161tva vam nudimo le strokovno svetovanje, prilagodljivost in mo\u017enost nakupa lepila vseh kvalitet.<\/p>\r\n        <\/div>\r\n        <div class=\"simak-feature-card\">\r\n          <div class=\"simak-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"simak-feature-title\">Sodelujemo<\/h3>\r\n          <p class=\"simak-feature-desc\">Sodelujemo z najve\u010djimi in najbolj cenjenimi italijanskimi proizvajalci visoko kakovostne keramike.<\/p>\r\n        <\/div>\r\n        <div class=\"simak-feature-card\">\r\n          <div class=\"simak-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3L2 12h3v9h6v-6h2v6h6v-9h3L12 3z\"\/><\/svg>\r\n          <\/div>\r\n          <h3 class=\"simak-feature-title\">Kreativni dizajn<\/h3>\r\n          <p class=\"simak-feature-desc\">Nudimo notranje in zunanje, talne in stenske plo\u0161\u010dice, ki zdru\u017eujejo le najbolj\u0161e: lepoto, stil in spo\u0161tovanje do okolja. Izpolnjujemo vse zahteve sodobnega doma.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- About Section -->\r\n  <section class=\"simak-section simak-section-muted\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-about-grid\">\r\n        <div>\r\n          <img loading=\"lazy\" src=\"https:\/\/simak-keramika.si\/wp-content\/uploads\/2026\/02\/1771354745557-mjpfy5bmn8p.jpeg\" alt=\"SIMAK Keramika razstavni salon\" class=\"simak-about-image\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\">\r\n        <\/div>\r\n        <div>\r\n          <span class=\"simak-section-label\">O nas<\/span>\r\n          <h2 style=\"font-size:30px;margin-bottom:16px;\">Va\u0161 zaupanja vreden partner za keramiko<\/h2>\r\n          <p class=\"simak-text-muted\" style=\"margin-bottom:16px;font-size:18px;\">\r\n            SIMAK KERAMIKA je sinonim za kakovost in celovite re\u0161itve. Specializirani smo za kopalnice na klju\u010d, prodajo keramike in strokovno svetovanje.\r\n          <\/p>\r\n          <p class=\"simak-text-muted\" style=\"margin-bottom:32px;\">\r\n            V na\u0161ih razstavnih salonih na \u0161tirih lokacijah po Sloveniji najdete ve\u010d kot 300 modelov keramike in ve\u010d kot 100.000 m\u00b2 zaloge. Na\u0161i strokovnjaki vam bodo z veseljem svetovali pri izbiri.\r\n          <\/p>\r\n\r\n          <div class=\"simak-about-features\">\r\n            <div class=\"simak-about-feature\">\r\n              <div class=\"simak-about-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\r\n              <\/div>\r\n              <div><h3>Strokovno svetovanje<\/h3><\/div>\r\n            <\/div>\r\n            <div class=\"simak-about-feature\">\r\n              <div class=\"simak-about-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n              <\/div>\r\n              <div><h3>Garancija najni\u017ejih cen<\/h3><\/div>\r\n            <\/div>\r\n            <div class=\"simak-about-feature\">\r\n              <div class=\"simak-about-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n              <\/div>\r\n              <div><h3>Dostava v izbrano poslovalnico<\/h3><\/div>\r\n            <\/div>\r\n            <div class=\"simak-about-feature\">\r\n              <div class=\"simak-about-feature-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\r\n              <\/div>\r\n              <div><h3>Lepila in fugirne mase<\/h3><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a href=\"https:\/\/simak-keramika.si\/o-nas\/\" class=\"simak-btn simak-btn-primary\">\r\n            Ve\u010d o nas\r\n            <svg class=\"simak-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Stats Bar -->\r\n  <section class=\"simak-stats-bar\" aria-label=\"Statistika\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-stats-grid\">\r\n        <div class=\"simak-stat-item\">\r\n          <div class=\"simak-stat-value\">90.000 +<\/div>\r\n          <div class=\"simak-stat-label\">zadovoljnih strank<\/div>\r\n        <\/div>\r\n        <div class=\"simak-stat-item\">\r\n          <div class=\"simak-stat-value\">300+<\/div>\r\n          <div class=\"simak-stat-label\">modelov na zalogi<\/div>\r\n        <\/div>\r\n        <div class=\"simak-stat-item\">\r\n          <div class=\"simak-stat-value\">100.000<\/div>\r\n          <div class=\"simak-stat-label\">m\u00b2 na zalogi<\/div>\r\n        <\/div>\r\n        <div class=\"simak-stat-item\">\r\n          <div class=\"simak-stat-value\">4<\/div>\r\n          <div class=\"simak-stat-label\">lokacije po Sloveniji<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Locations Section -->\r\n  <section class=\"simak-section simak-section-muted\">\r\n    <div class=\"simak-container\">\r\n      <div class=\"simak-section-header\">\r\n        <span class=\"simak-section-label\">4 lokacije po Sloveniji<\/span>\r\n        <h2>Vabljeni v na\u0161e poslovalnice<\/h2>\r\n        <p>Obi\u0161\u010dite nas na eni od na\u0161ih \u0161tirih lokacij po Sloveniji z ve\u010d kot 100.000 m\u00b2 zaloge in razstavnimi saloni.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"simak-locations-grid\">\r\n\r\n        <div class=\"simak-location-card\">\r\n          <div class=\"simak-location-image\">\r\n            <div class=\"simak-map\" data-map-title=\"Lokacija PE Ljubljana - \u010crnu\u010de\" data-map-src=\"https:\/\/www.google.com\/maps?q=Cesta+24.+junija+2,+1231+Ljubljana-%C4%8Crnu%C4%8De&output=embed\">\r\n              <button type=\"button\" class=\"simak-map-btn\">Nalo\u017ei zemljevid<\/button>\r\n              <noscript>\r\n                <iframe title=\"Lokacija PE Ljubljana - \u010crnu\u010de\" src=\"https:\/\/www.google.com\/maps?q=Cesta+24.+junija+2,+1231+Ljubljana-%C4%8Crnu%C4%8De&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/noscript>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"simak-location-body\">\r\n            <h3 class=\"simak-location-name\">Odpiralni \u010das - Ljubljana<\/h3>\r\n            <p class=\"simak-location-type\">Razstavni salon<\/p>\r\n            <div class=\"simak-location-info\">\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <span>Cesta 24. junija 2, 1231 Ljubljana-\u010crnu\u010de<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <span>040 892 888<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                <span>ljubljana@simak-keramika.si<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <div style=\"display: flex; flex-direction: column;\">\r\n                  <span>Ponedeljek-petek: 08.00-18.00<\/span>\r\n                  <span>Sobota: 08.00-13.00<\/span>\r\n                  <span>Nedelja: zaprto<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/simak-keramika.si\/lokacije\/crnuce\/\" class=\"simak-location-link\" aria-label=\"Ve\u010d informacij o lokaciji PE Ljubljana - \u010crnu\u010de\">\r\n              Ve\u010d informacij\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"simak-location-card\">\r\n          <div class=\"simak-location-image\">\r\n            <div class=\"simak-map\" data-map-title=\"Lokacija PE Postojna\" data-map-src=\"https:\/\/www.google.com\/maps?q=Re%C5%A1ka+cesta+13,+6230+Postojna&output=embed\">\r\n              <button type=\"button\" class=\"simak-map-btn\">Nalo\u017ei zemljevid<\/button>\r\n              <noscript>\r\n                <iframe title=\"Lokacija PE Postojna\" src=\"https:\/\/www.google.com\/maps?q=Re%C5%A1ka+cesta+13,+6230+Postojna&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/noscript>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"simak-location-body\">\r\n            <h3 class=\"simak-location-name\">Odpiralni \u010das - Postojna<\/h3>\r\n            <p class=\"simak-location-type\">Razstavni salon<\/p>\r\n            <div class=\"simak-location-info\">\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <span>Re\u0161ka cesta 13, 6230 Postojna<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <span>065 602 680<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                <span>postojna@simak-keramika.si<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <div style=\"display: flex; flex-direction: column;\">\r\n                  <span>Ponedeljek-petek: 09.00-17.00<\/span>\r\n                  <span>Sobota: 08.00-13.00<\/span>\r\n                  <span>Nedelja: zaprto<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/simak-keramika.si\/lokacije\/postojna\/\" class=\"simak-location-link\" aria-label=\"Ve\u010d informacij o lokaciji PE Postojna\">\r\n              Ve\u010d informacij\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"simak-location-card\">\r\n          <div class=\"simak-location-image\">\r\n            <div class=\"simak-map\" data-map-title=\"Lokacija PE Koper - \u0160kofije\" data-map-src=\"https:\/\/www.google.com\/maps?q=Spodnje+%C5%A0kofije+256b,+6281+%C5%A0kofije&output=embed\">\r\n              <button type=\"button\" class=\"simak-map-btn\">Nalo\u017ei zemljevid<\/button>\r\n              <noscript>\r\n                <iframe title=\"Lokacija PE Koper - \u0160kofije\" src=\"https:\/\/www.google.com\/maps?q=Spodnje+%C5%A0kofije+256b,+6281+%C5%A0kofije&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/noscript>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"simak-location-body\">\r\n            <h3 class=\"simak-location-name\">Odpiralni \u010das - \u0160kofije<\/h3>\r\n            <p class=\"simak-location-type\">Glavno skladi\u0161\u010de in salon<\/p>\r\n            <div class=\"simak-location-info\">\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <span>Spodnje \u0160kofije 256b, 6281 \u0160kofije<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <span>040 809 095<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                <span>koper@simak-keramika.si<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <div style=\"display: flex; flex-direction: column;\">\r\n                  <span>Ponedeljek-petek: 09.00-17.00<\/span>\r\n                  <span>Sobota: 08.00-13.00<\/span>\r\n                  <span>Nedelja: zaprto<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/simak-keramika.si\/lokacije\/skofije\/\" class=\"simak-location-link\" aria-label=\"Ve\u010d informacij o lokaciji PE Koper - \u0160kofije\">\r\n              Ve\u010d informacij\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"simak-location-card\">\r\n          <div class=\"simak-location-image\">\r\n            <div class=\"simak-map\" data-map-title=\"Lokacija PE Nova Gorica\" data-map-src=\"https:\/\/www.google.com\/maps?q=Gr%C4%8Dna+1,+5000+Nova+Gorica&output=embed\">\r\n              <button type=\"button\" class=\"simak-map-btn\">Nalo\u017ei zemljevid<\/button>\r\n              <noscript>\r\n                <iframe title=\"Lokacija PE Nova Gorica\" src=\"https:\/\/www.google.com\/maps?q=Gr%C4%8Dna+1,+5000+Nova+Gorica&output=embed\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n              <\/noscript>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"simak-location-body\">\r\n            <h3 class=\"simak-location-name\">Odpiralni \u010das - Nova Gorica<\/h3>\r\n            <p class=\"simak-location-type\">Razstavni salon<\/p>\r\n            <div class=\"simak-location-info\">\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                <span>Gr\u010dna 1, 5000 Nova Gorica<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n                <span>051 692 900<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                <span>novagorica@simak-keramika.si<\/span>\r\n              <\/div>\r\n              <div class=\"simak-location-info-item\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                <div style=\"display: flex; flex-direction: column;\">\r\n                  <span>Ponedeljek-petek: 09.00-17.00<\/span>\r\n                  <span>Sobota: 08.00-13.00<\/span>\r\n                  <span>Nedelja: zaprto<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/simak-keramika.si\/lokacije\/nova-gorica\/\" class=\"simak-location-link\" aria-label=\"Ve\u010d informacij o lokaciji PE Nova Gorica\">\r\n              Ve\u010d informacij\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function(){\r\n      function loadMap(el){\r\n        if (el.getAttribute('data-map-loaded') === '1') return;\r\n        var src = el.getAttribute('data-map-src');\r\n        if (!src) return;\r\n\r\n        var iframe = document.createElement('iframe');\r\n        iframe.src = src;\r\n        iframe.loading = 'lazy';\r\n        iframe.referrerPolicy = 'no-referrer-when-downgrade';\r\n        iframe.allowFullscreen = true;\r\n        iframe.title = el.getAttribute('data-map-title') || 'Google zemljevid';\r\n\r\n        el.innerHTML = '';\r\n        el.appendChild(iframe);\r\n        el.setAttribute('data-map-loaded', '1');\r\n      }\r\n\r\n      var maps = Array.prototype.slice.call(document.querySelectorAll('.simak-map'));\r\n\r\n      maps.forEach(function(el){\r\n        var btn = el.querySelector('.simak-map-btn');\r\n        if (btn) btn.addEventListener('click', function(){ loadMap(el); }, {passive:true});\r\n      });\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        var io = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(entry){\r\n            if (entry.isIntersecting) {\r\n              loadMap(entry.target);\r\n              io.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { rootMargin: '250px 0px', threshold: 0.01 });\r\n\r\n        maps.forEach(function(el){ io.observe(el); });\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/main>\r\n\r\n<script>\r\n  (function() {\r\n    const root = document.getElementById('featured-products-root');\r\n    if (!root) return;\r\n\r\n    function escapeHtml(value) {\r\n      return String(value == null ? '' : value)\r\n        .replace(\/&\/g, '&amp;')\r\n        .replace(\/<\/g, '&lt;')\r\n        .replace(\/>\/g, '&gt;')\r\n        .replace(\/\"\/g, '&quot;')\r\n        .replace(\/'\/g, '&#039;');\r\n    }\r\n\r\n    function safeUrl(value) {\r\n      try {\r\n        const url = new URL(String(value == null ? '' : value), window.location.origin);\r\n        return url.href;\r\n      } catch (e) {\r\n        return '#';\r\n      }\r\n    }\r\n\r\n    async function fetchJson(url) {\r\n      const response = await fetch(url, {\r\n        method: 'GET',\r\n        credentials: 'same-origin',\r\n        headers: {\r\n          'Accept': 'application\/json'\r\n        }\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(`HTTP ${response.status}`);\r\n      }\r\n\r\n      return response.json();\r\n    }\r\n\r\n    async function fetchProducts() {\r\n      try {\r\n        root.innerHTML = `\r\n          <div class=\"products\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\">\r\n            ${Array(8).fill(0).map(function() {\r\n              return '<div class=\"product-skeleton\" style=\"height: 400px; background: #f3f4f6; border-radius: 12px; animation: pulse 1.5s infinite ease-in-out\"><\/div>';\r\n            }).join('')}\r\n          <\/div>\r\n          <style>\r\n            @keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }\r\n            @media (max-width: 1024px) { .products { grid-template-columns: repeat(3, 1fr) !important; } }\r\n            @media (max-width: 768px) { .products { grid-template-columns: repeat(2, 1fr) !important; } }\r\n            @media (max-width: 480px) { .products { grid-template-columns: 1fr !important; } }\r\n          <\/style>\r\n        `;\r\n\r\n        const products = await fetchJson('\/wp-json\/simak\/v1\/home-products?limit=8');\r\n\r\n        if (!Array.isArray(products) || !products.length) {\r\n          throw new Error('No products found');\r\n        }\r\n\r\n        renderProducts(products);\r\n      } catch (err) {\r\n        console.error('Error fetching products:', err);\r\n        root.innerHTML = '<div style=\"text-align: center; padding: 40px; color: #ef4444;\">Napaka pri nalaganju izdelkov.<\/div>';\r\n      }\r\n    }\r\n\r\n    function attachCardClicks() {\r\n      const cards = root.querySelectorAll('.product[data-url]');\r\n\r\n      cards.forEach(function(card) {\r\n        card.addEventListener('click', function(e) {\r\n          if (e.target.closest('a, button')) return;\r\n\r\n          const url = card.getAttribute('data-url');\r\n          if (url && url !== '#') {\r\n            window.location.href = url;\r\n          }\r\n        });\r\n\r\n        card.addEventListener('keydown', function(e) {\r\n          if (e.key !== 'Enter' && e.key !== ' ') return;\r\n          if (e.target.closest('a, button')) return;\r\n\r\n          e.preventDefault();\r\n\r\n          const url = card.getAttribute('data-url');\r\n          if (url && url !== '#') {\r\n            window.location.href = url;\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    function renderProducts(products) {\r\n      const html = `\r\n        <ul class=\"products\">\r\n          ${products.map(function(product) {\r\n            const productName = product.name || '';\r\n            const permalink = safeUrl(product.permalink || '#');\r\n            const imgUrl = safeUrl(product.image || '');\r\n            const price = product.price || '';\r\n            const unit = product.unit || 'kos';\r\n            const badge = product.badge || '';\r\n            const stockText = product.stock_text || 'Na zalogi';\r\n            const isXxl = product.is_xxl === true;\r\n\r\n            return `\r\n              <li class=\"product\" data-url=\"${escapeHtml(permalink)}\" tabindex=\"0\" role=\"link\" aria-label=\"${escapeHtml(productName)}\">\r\n                <div class=\"woocommerce-LoopProduct-link\">\r\n                  ${badge ? `<span class=\"onsale\">${escapeHtml(badge)}<\/span>` : ''}\r\n                  ${isXxl ? '<span class=\"simak-product-xxl-badge\">XXL Format<\/span>' : ''}\r\n                  <img src=\"${escapeHtml(imgUrl)}\" alt=\"${escapeHtml(productName)}\" referrerpolicy=\"no-referrer\" loading=\"lazy\" decoding=\"async\">\r\n                <\/div>\r\n                <div class=\"simak-product-body\">\r\n                  <a href=\"${escapeHtml(permalink)}\" class=\"simak-title-link\" aria-label=\"${escapeHtml(productName)}\">\r\n                    <h2 class=\"woocommerce-loop-product__title\">${escapeHtml(productName)}<\/h2>\r\n                  <\/a>\r\n                  <div class=\"simak-product-price-row\">\r\n                    <div class=\"simak-price-col\">\r\n                      <span class=\"price\">\r\n                        <span class=\"amount\">${escapeHtml(price)}<\/span>\r\n                      <\/span>\r\n                      <span class=\"simak-product-unit\">\/ ${escapeHtml(unit)}<\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <p class=\"simak-product-stock\">\r\n                    <span class=\"simak-product-stock-dot\"><\/span> ${escapeHtml(stockText)}\r\n                  <\/p>\r\n                <\/div>\r\n              <\/li>\r\n            `;\r\n          }).join('')}\r\n        <\/ul>\r\n      `;\r\n\r\n      root.innerHTML = html;\r\n      attachCardClicks();\r\n    }\r\n\r\n    fetchProducts();\r\n  })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Google ocena: 4,7 Keramika za vsak prostor 300+ modelov. 100.000 m\u00b2 na zalogi. Poglej keramiko Google ocena: 4,7 Kopalni\u0161ka oprema Vse za va\u0161o sanjsko kopalnico na enem mestu Oglej kopalni\u0161ko opremo Google ocena: 4,7 Revestech &#8211; hidroizolacija Za tu\u0161, terase in kriti\u010dne detajle. Brez zamakanja. Poglej Revestech Google ocena: 4,7 Pripomo\u010dki za mojstre Lepila in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":445,"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":8253,"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/pages\/17\/revisions\/8253"}],"wp:attachment":[{"href":"https:\/\/simak-keramika.si\/it\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}