{"id":1492,"date":"2026-06-26T17:01:11","date_gmt":"2026-06-26T15:01:11","guid":{"rendered":"https:\/\/branike.com\/?page_id=1492"},"modified":"2026-08-20T08:22:31","modified_gmt":"2026-08-20T06:22:31","slug":"branike-blocks-prepracovane-bloky-pre-gutemberg","status":"publish","type":"page","link":"https:\/\/branike.com\/branike-blocks-prepracovane-bloky-pre-gutemberg\/","title":{"rendered":"Branike Blocks &#8211; prepracovan\u00e9 bloky pre Gutemberg"},"content":{"rendered":"<div style=\"position:relative;padding:72px 44px 72px 44px;background:linear-gradient(135deg,#1A1A2E,#2D1B69 55%,#1E1B4B)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:55fr 45fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;\">Branike Blocks<\/span><\/p>\n\n\n\n<h1 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:40px;font-weight:800;line-height:1.14;margin-bottom:18px;max-width:580px;margin-left:auto;margin-right:auto\">53 nat\u00edvnych blokov do editora \u2014 \u017eiadny \u0165a\u017ek\u00fd page builder<\/h1>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#E2E8F0;line-height:1.6;margin-bottom:26px;max-width:540px;margin-left:auto;margin-right:auto\">Branike Blocks je bal\u00edk nat\u00edvnych Gutenberg blokov: hero sekcie, cenn\u00edky, carousely, \u010dasov\u00e9 osi aj cinematick\u00e9 scroll efekty. Stavia\u0161 priamo v editore, s presetmi a copy\/paste \u0161t\u00fdlmi \u2014 a v\u0161etko be\u017e\u00ed na 100\/100 PageSpeed. Bez balastu a bez z\u00e1vislosti na cudz\u00edch n\u00e1strojoch.<\/p>\n\n\n<div style=\"--bb-btn-gap:14px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:flex-start;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--accent, #7C3AED);--bb-btn-color:#ffffff\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Vysk\u00fa\u0161a\u0165 Branike Blocks<\/span><\/a>\n\n<a style=\"--bb-btn-color:#ffffff;--bb-btn-border:#C4B5FD\" class=\"bb-button bb-button--outline bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#co\"><span class=\"bb-button__text\">\u010co to je?<\/span><\/a>\n<\/div>\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-orbit\">\n<style>\n  .bkv-orbit *,.bkv-orbit *::before,.bkv-orbit *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-orbit{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:44px 24px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-orbit .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(38% 38% at 72% 24%,rgba(124,58,237,.45),transparent 60%),\n               radial-gradient(34% 34% at 20% 78%,rgba(91,33,182,.4),transparent 60%);}\n  .bkv-orbit .stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto;}\n  .bkv-orbit .rings{position:absolute;inset:0;width:100%;height:100%;}\n  .bkv-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n    width:140px;height:140px;border-radius:50%;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 55%,#5B21B6);\n    display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;\n    box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 60px rgba(124,58,237,.6),inset 0 2px 10px rgba(255,255,255,.35);}\n  .bkv-orbit .core b{color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:6px;}\n  .bkv-orbit .chip{position:absolute;display:inline-flex;align-items:center;gap:9px;\n    background:rgba(45,27,105,.6);border:1px solid rgba(196,181,253,.4);border-radius:100px;\n    padding:6px 15px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:4;white-space:nowrap;}\n  .bkv-orbit .chip .ic{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 72%);box-shadow:0 2px 8px rgba(124,58,237,.45);}\n  .bkv-orbit .chip .ic svg{width:14px;height:14px;}\n  .bkv-orbit .chip b{color:#fff;font-size:13px;font-weight:700;}\n  .bkv-orbit .c1{left:50%;top:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c2{right:-1%;top:24%;} .bkv-orbit .c3{right:2%;bottom:20%;}\n  .bkv-orbit .c4{left:50%;bottom:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c5{left:1%;bottom:24%;} .bkv-orbit .c6{left:-1%;top:22%;}\n  .bkv-orbit .cap{text-align:center;margin-top:36px;}\n  .bkv-orbit .cap p{color:#A5B4FC;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit .neb{animation:bkv-orbit-drift 28s ease-in-out infinite alternate;}\n    .bkv-orbit .r-spin{transform-origin:260px 260px;animation:bkv-orbit-spin 64s linear infinite;}\n    .bkv-orbit .r-rev{transform-origin:260px 260px;animation:bkv-orbit-spin 90s linear infinite reverse;}\n    .bkv-orbit .p1{transform-origin:260px 260px;animation:bkv-orbit-spin 38s linear infinite;}\n    .bkv-orbit .p2{transform-origin:260px 260px;animation:bkv-orbit-spin 30s linear infinite reverse;}\n    .bkv-orbit .p3{transform-origin:260px 260px;animation:bkv-orbit-spin 52s linear infinite;}\n    .bkv-orbit .core{animation:bkv-orbit-breathe 5s ease-in-out infinite;}\n    .bkv-orbit .c1,.bkv-orbit .c4{animation:bkv-orbit-fx 6.6s ease-in-out infinite;}\n    .bkv-orbit .c2,.bkv-orbit .c3,.bkv-orbit .c5,.bkv-orbit .c6{animation:bkv-orbit-fy 7s ease-in-out infinite;}\n    .bkv-orbit .c2{animation-delay:.3s} .bkv-orbit .c3{animation-delay:.6s}\n    .bkv-orbit .c4{animation-delay:.2s} .bkv-orbit .c5{animation-delay:.5s} .bkv-orbit .c6{animation-delay:.8s}\n  }\n  @keyframes bkv-orbit-drift{to{transform:translate(-5%,5%) scale(1.08);}}\n  @keyframes bkv-orbit-spin{to{transform:rotate(360deg);}}\n  @keyframes bkv-orbit-breathe{0%,100%{box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 55px rgba(124,58,237,.5),inset 0 2px 10px rgba(255,255,255,.35);}\n    50%{box-shadow:0 0 0 16px rgba(124,58,237,.16),0 0 85px rgba(124,58,237,.75),inset 0 2px 10px rgba(255,255,255,.4);}}\n  @keyframes bkv-orbit-fy{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}\n  @keyframes bkv-orbit-fx{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-12px);}}\n  @media (max-width:600px){.bkv-orbit{padding:56px 22px;}.bkv-orbit .chip b{font-size:12px;}}\n\n  \/* HOVER *\/\n  .bkv-orbit .core{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit:hover .core{transform:translate(-50%,-50%) scale(1.08);}\n    .bkv-orbit:hover .r-spin{animation-duration:22s;} .bkv-orbit:hover .r-rev{animation-duration:32s;}\n    .bkv-orbit:hover .p1{animation-duration:13s;} .bkv-orbit:hover .p2{animation-duration:10s;} .bkv-orbit:hover .p3{animation-duration:18s;}\n@media (max-width:560px){\n  .bkv-orbit{\n    padding:34px 10px 14px;          \/* hore 34, vpravo 10, dole 14, v\u013eavo 10 *\/\n    min-width:calc(100% + 60px);\n    margin-left:-30px;\n  }\n  .bkv-orbit .stage{ max-width:none; }\n  }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <div class=\"stage\" role=\"img\" aria-label=\"Branike Blocks ako jadro a jeho bloky\">\n    <svg class=\"rings\" viewBox=\"0 0 520 520\" width=\"520\" height=\"520\" aria-hidden=\"true\">\n      <defs><radialGradient id=\"bkvOrbitGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n        <stop offset=\"0%\" stop-color=\"#7C3AED\" stop-opacity=\"0.45\"><\/stop>\n        <stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"><\/stop><\/radialGradient><\/defs>\n      <circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow)\"><\/circle>\n      <g fill=\"none\" stroke=\"#A78BFA\" stroke-opacity=\"0.28\">\n        <circle class=\"r-spin\" cx=\"260\" cy=\"260\" r=\"228\" stroke-dasharray=\"2 10\"><\/circle>\n        <circle cx=\"260\" cy=\"260\" r=\"185\"><\/circle>\n        <circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"><\/circle><\/g>\n      <g stroke=\"#A78BFA\" stroke-opacity=\"0.3\" stroke-width=\"1.5\" stroke-dasharray=\"3 6\">\n        <line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"40\"><\/line><line x1=\"260\" y1=\"260\" x2=\"455\" y2=\"160\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"450\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"70\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"65\" y2=\"160\"><\/line><\/g>\n      <g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"><\/circle><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"><\/circle><\/g>\n      <g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"><\/circle><\/g>\n      <g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"><\/circle><\/g>\n    <\/svg>\n    <div class=\"core\">\n      <svg viewBox=\"0 0 24 24\" width=\"46\" height=\"46\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><\/svg>\n      <b>BLOCKS<\/b>\n    <\/div>\n    <div class=\"chip c1\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 15c-1 1-2 5-2 5s4-1 5-2M9 13l-3 3M11 15a13 13 0 0 0 7-12 13 13 0 0 0-12 7l5 5z\"><\/path><circle cx=\"14.5\" cy=\"9.5\" r=\"1.5\"><\/circle><\/svg><\/span><b>Hero<\/b><\/div>\n    <div class=\"chip c2\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12V4h8l9 9-8 8z\"><\/path><circle cx=\"7.5\" cy=\"7.5\" r=\"1.3\"><\/circle><\/svg><\/span><b>Pricing<\/b><\/div>\n    <div class=\"chip c3\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><circle cx=\"8.5\" cy=\"9\" r=\"1.5\"><\/circle><path d=\"m21 16-5-5L5 21\"><\/path><\/svg><\/span><b>Carousel<\/b><\/div>\n    <div class=\"chip c4\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg><\/span><b>Countdown<\/b><\/div>\n    <div class=\"chip c5\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg><\/span><b>Tabs<\/b><\/div>\n    <div class=\"chip c6\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M3 9h18M8 3v4M16 3v4\"><\/path><\/svg><\/span><b>Timeline<\/b><\/div>\n  <\/div>\n  <div class=\"cap\"><p>Jedno jadro \u00b7 53 blokov bez buildera<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:44px 44px 44px 44px;background-color:#16134a\" class=\"bb-columns-wrap bb-columns--4 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:25fr 25fr 25fr 25fr;--bb-gtc-tab:25fr 25fr 25fr 25fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">53<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">blokov v kni\u017enici<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">5 185<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">ikon k dispoz\u00edcii<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">100\/100<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">PageSpeed<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"3\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">0<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">page builder<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\" id=\"co\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start;max-width:580px;margin-left:auto;margin-right:auto\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Po \u013eudsky<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">\u010co je Branike Blocks?<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.75;margin-bottom:0px;max-width:840px;margin-left:auto;margin-right:auto\">Pekn\u00e9 str\u00e1nky sa zvy\u010dajne stavaj\u00fa v \u0165a\u017ek\u00fdch page builderoch, ktor\u00e9 web spomalia. Branike Blocks ide opa\u010dne: d\u00e1va ti 53 r\u00fdchlych nat\u00edvnych blokov priamo do editora WordPressu. Naklik\u00e1\u0161 hero, cenn\u00edk, carousel \u010di \u010dasov\u00fa os za p\u00e1r min\u00fat \u2014 s presetmi, anim\u00e1ciami a copy\/paste \u0161t\u00fdlmi \u2014 a str\u00e1nka ost\u00e1va \u010dist\u00e1 a bleskovo r\u00fdchla. Mimochodom, aj t\u00e1to str\u00e1nka je postaven\u00e1 z t\u00fdchto blokov.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 20px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Ako stavia\u0161 s Branike Blocks<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:640px;margin-left:auto;margin-right:auto\">Tri kroky k peknej str\u00e1nke \u2014 bez buildera, bez spomalenia.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 72px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-flow\">\n<style>\n  .bkv-flow *,.bkv-flow *::before,.bkv-flow *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-flow{width:100%;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-flow .step{flex:1 1 180px;max-width:230px;text-align:center;position:relative;padding:8px 6px;}\n  .bkv-flow .step:not(:last-child)::after{content:\"\";position:absolute;top:34px;right:-14px;width:28px;height:2px;\n    background:linear-gradient(90deg,#C4B5FD,#7C3AED);opacity:.55;}\n  .bkv-flow .ic{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;\n    background:#EDE9FE;border:1px solid #DDD6FE;display:flex;align-items:center;justify-content:center;\n    position:relative;box-shadow:0 8px 24px rgba(124,58,237,.14);}\n  .bkv-flow .ic svg{width:28px;height:28px;}\n  .bkv-flow .num{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;\n    background:#7C3AED;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;\n    border:2px solid #fff;}\n  .bkv-flow h3{color:#1F2937;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}\n  .bkv-flow p{color:#566070;font-size:14px;line-height:1.6;}\n  .bkv-flow .step{opacity:1;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step{opacity:0;animation:bkv-flow-in .6s ease forwards;}\n    .bkv-flow .step:nth-child(1){animation-delay:.05s} .bkv-flow .step:nth-child(2){animation-delay:.2s}\n    .bkv-flow .step:nth-child(3){animation-delay:.35s} .bkv-flow .step:nth-child(4){animation-delay:.5s}\n    .bkv-flow .step:nth-child(5){animation-delay:.65s}\n  }\n  @keyframes bkv-flow-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  @media (max-width:640px){\n    .bkv-flow{flex-direction:column;align-items:center;}\n    .bkv-flow .step{max-width:340px;}\n    .bkv-flow .step:not(:last-child)::after{display:none;}\n  }\n\n  \/* HOVER *\/\n  .bkv-flow .ic{transition:transform .3s ease, box-shadow .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step:hover .ic{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 32px rgba(124,58,237,.28);}\n  }\n<\/style>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">1<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/div>\n    <h3>Vyber blok<\/h3><p>Z 53 blokov priamo v editore \u2014 \u017eiadny page builder.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">2<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3.6 15a1.65 1.65 0 0 0-1.51-1H2a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 3.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 16 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n    <h3>Naklikaj a uprav<\/h3><p>Presety, copy\/paste \u0161t\u00fdly, farby aj anim\u00e1cie na p\u00e1r klikov.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">3<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><\/div>\n    <h3>Pecka na 100\/100<\/h3><p>\u010cist\u00e9 bloky, nulov\u00fd balast, pln\u00e1 r\u00fdchlos\u0165 a pr\u00edstupnos\u0165.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Cel\u00e1 kni\u017enica blokov<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:720px;margin-left:auto;margin-right:auto\">53 blokov na jednom mieste. Toto je len v\u00fdber t\u00fdch hlavn\u00fdch \u2014 ku ka\u017ed\u00e9mu nesk\u00f4r pribudne str\u00e1nka so \u017eiv\u00fdm vzorom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">Obsah a text<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>edit \u2014 Ceruzka \u2014 \u00faprava, edit\u00e1cia, formul\u00e1r<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1\" \/><path d=\"M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z\" \/><path d=\"M16 5l3 3\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Nadpis<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Gradient, pod\u010diara, highlight, anim\u00e1cie.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>file-text \u2014 Dokument \u2014 text blok, s\u00fabor, reading-progress<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M14 3v4a1 1 0 0 0 1 1h4\" \/><path d=\"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z\" \/><line x1=\"9\" y1=\"9\" x2=\"10\" y2=\"9\" \/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\" \/><line x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Text<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Form\u00e1ty, drop cap, gradient text.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>sparkles \u2014 Iskry \u2014 feature, AI, magic, highlight<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Ikona<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">5 112 Tabler + 73 Branike ikon, hover, odkaz.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>arrow-right \u2014 \u0160\u00edpka vpravo \u2014 navig\u00e1cia, next, CTA<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/><polyline points=\"13 18 19 12 13 6\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Tla\u010didl\u00e1<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Skupina tla\u010didiel, responz\u00edvne zarovnanie.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>image \u2014 Obr\u00e1zok \u2014 foto, m\u00e9di\u00e1, branike\/image<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/><polyline points=\"21 15 16 10 5 21\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Obr\u00e1zok<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Lightbox, parallax, hover, aspect ratio.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layers \u2014 Vrstvy \u2014 photo-stack, tabs, carousel<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"12 2 2 7 12 12 22 7 12 2\" \/><polyline points=\"2 17 12 22 22 17\" \/><polyline points=\"2 12 12 17 22 12\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Odde\u013eova\u010d<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Vlna, gradient, cik-cak, anim\u00e1cia kreslenia.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">Layout a sekcie<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layout \u2014 Rozlo\u017eenie \u2014 heading, separator, mrie\u017eka UI<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\" \/><line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"20\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">St\u013apce<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">1\u201312 st\u013apcov, drag-resize, responz\u00edvne.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>package \u2014 Bal\u00ed\u010dek \u2014 produkt, pl\u00e1n, bundle, HUB plugin<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3\" \/><line x1=\"12\" y1=\"12\" x2=\"20\" y2=\"7.5\" \/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"21\" \/><line x1=\"12\" y1=\"12\" x2=\"4\" y2=\"7.5\" \/><line x1=\"16\" y1=\"5.25\" x2=\"8\" y2=\"9.75\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Karta<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Obr\u00e1zok, text, tla\u010didlo, 4 varianty.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>rocket \u2014 Raketa \u2014 launch, v\u00fdkon, PageSpeed<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3\" \/><path d=\"M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3\" \/><circle cx=\"15\" cy=\"9\" r=\"1\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Hero<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Nadpis, CTA, pozadie video\/gradient, split.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>target \u2014 Cie\u013e \u2014 ter\u010d, KPI, fokus, z\u00e1mer, presnos\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"1\" \/><circle cx=\"12\" cy=\"12\" r=\"5\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">CTA<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">V\u00fdzva na akciu s farebn\u00fdm pozad\u00edm.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>folder \u2014 Prie\u010dinok \u2014 s\u00fabory, kateg\u00f3rie, klientska zlo\u017eka<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Tabs<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Obsah rozdelen\u00fd do z\u00e1lo\u017eiek.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>list \u2014 Zoznam \u2014 accordion, steps, icon-list, obsah<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\" \/><line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\" \/><line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\" \/><line x1=\"5\" y1=\"6\" x2=\"5\" y2=\"6.01\" \/><line x1=\"5\" y1=\"12\" x2=\"5\" y2=\"12.01\" \/><line x1=\"5\" y1=\"18\" x2=\"5\" y2=\"18.01\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Accordion<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Rozba\u013eovacie FAQ + Schema.org.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">Marketing a d\u00f4vera<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>grid \u2014 Mrie\u017eka \u2014 st\u013apce, karta, posts-grid, layout<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Icon Box<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Ikona, nadpis a text pre featury.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layers \u2014 Vrstvy \u2014 photo-stack, tabs, carousel<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"12 2 2 7 12 12 22 7 12 2\" \/><polyline points=\"2 17 12 22 22 17\" \/><polyline points=\"2 12 12 17 22 12\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Feature<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Grid funkci\u00ed a v\u00fdhod, 1\u20134 st\u013apce.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>tag \u2014 \u0160t\u00edtok \u2014 cenovka, kateg\u00f3ria, label, ozna\u010denie<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a3 3 0 0 1 3 -3h5\" \/><circle cx=\"9\" cy=\"9\" r=\"2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Pricing<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Cenov\u00e9 karty s pl\u00e1nmi a CTA.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>star \u2014 Hviezda \u2014 rating, icon-box, ob\u013e\u00faben\u00e9<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Testimonial<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Recenzia, hviezdy, avatar, logo.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>users \u2014 Skupina \u013eud\u00ed \u2014 t\u00edm, komunita, z\u00e1kazn\u00edci<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"9\" cy=\"7\" r=\"4\" \/><path d=\"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2\" \/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\" \/><path d=\"M21 21v-2a4 4 0 0 0 -3 -3.85\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Team<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Karta \u010dlena t\u00edmu so social linkami.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>building \u2014 Budova \u2014 kancel\u00e1ria, firma, s\u00eddlo, nehnute\u013enos\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" \/><rect x=\"9\" y=\"8\" width=\"6\" height=\"13\" \/><path d=\"M3 21v-13l6 -4l6 4v0\" \/><line x1=\"15\" y1=\"21\" x2=\"21\" y2=\"21\" \/><rect x=\"3\" y=\"14\" width=\"6\" height=\"7\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Logo Showcase<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Gal\u00e9ria\/ticker l\u00f4g, grayscale hover.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">Zoznamy a ozn\u00e1menia<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>check \u2014 Fajka \u2014 hotovo, potvrden\u00e9, ok, za\u0161krtn\u00fa\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"5 12 10 17 20 7\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Icon List<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Zoznam polo\u017eiek s ikonami v mrie\u017eke.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>message \u2014 Spr\u00e1va \u2014 blockquote, testimonial, chat<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M8 9h8\" \/><path d=\"M8 13h6\" \/><path d=\"M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Cit\u00e1t<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">\u0160tylizovan\u00fd cit\u00e1t s autorom a fotkou.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>bell \u2014 Zvon\u010dek \u2014 notifik\u00e1cia, CTA, alert, upozornenie<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6\" \/><path d=\"M9 17v1a3 3 0 0 0 6 0v-1\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Alert<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Info, \u00faspech, varovanie alebo chyba.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>plus \u2014 Plus \u2014 prida\u0165, nov\u00fd, roz\u0161\u00edri\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" \/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Expand<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">\u201e\u010c\u00edta\u0165 viac\u201c plynul\u00e9 rozbalenie obsahu.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>list \u2014 Zoznam \u2014 accordion, steps, icon-list, obsah<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><line x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\" \/><line x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\" \/><line x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\" \/><line x1=\"5\" y1=\"6\" x2=\"5\" y2=\"6.01\" \/><line x1=\"5\" y1=\"12\" x2=\"5\" y2=\"12.01\" \/><line x1=\"5\" y1=\"18\" x2=\"5\" y2=\"18.01\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Steps<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Kroky procesu \u2014 \u010d\u00edsla, ikony, spojnice.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>calendar \u2014 Kalend\u00e1r \u2014 d\u00e1tum, udalosti, rezerv\u00e1cie<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"5\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"16\" y1=\"3\" x2=\"16\" y2=\"7\" \/><line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"7\" \/><line x1=\"4\" y1=\"11\" x2=\"20\" y2=\"11\" \/><line x1=\"11\" y1=\"15\" x2=\"12\" y2=\"15\" \/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"18\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Timeline<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Vertik\u00e1lna \u010dasov\u00e1 os m\u00ed\u013enikov.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">\u010c\u00edsla a m\u00e9di\u00e1<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>clock \u2014 Hodiny \u2014 \u010das, countdown<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/><polyline points=\"12 7 12 12 15 15\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Countdown<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Odpo\u010det k d\u00e1tumu s anim\u00e1ciou \u010d\u00edsel.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>activity \u2014 Aktivita \u2014 puls, progress-bar, \u0161tatistiky live<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"3 12 6 12 9 4 12 20 15 12 18 12 21 12\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Progress Bar<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Animovan\u00fd pruh, zapln\u00ed sa pri scrolle.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>target \u2014 Cie\u013e \u2014 ter\u010d, KPI, fokus, z\u00e1mer, presnos\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"1\" \/><circle cx=\"12\" cy=\"12\" r=\"5\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Progress Circle<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Kruhov\u00e9 percento, SVG anim\u00e1cia.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>chart-bar \u2014 St\u013apcov\u00fd graf \u2014 \u0161tatistika, anal\u00fdza, d\u00e1ta, reporting<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"12\" width=\"4\" height=\"8\" rx=\"1\" \/><rect x=\"9\" y=\"8\" width=\"4\" height=\"12\" rx=\"1\" \/><rect x=\"15\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" \/><line x1=\"4\" y1=\"20\" x2=\"18\" y2=\"20\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Number Box<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Count-up \u0161tatistika pri scrollovan\u00ed.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>video \u2014 Video \u2014 YouTube, Vimeo, branike\/video<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z\" \/><rect x=\"3\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Video<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Chr\u00e1nen\u00fd YouTube\/Vimeo\/MP4 bez rekl\u00e1m.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>grid \u2014 Mrie\u017eka \u2014 st\u013apce, karta, posts-grid, layout<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" \/><rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Posts Grid<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Dynamick\u00e1 mrie\u017eka pr\u00edspevkov s filtrom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:20px 44px 6px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:0px\">Carousel a scroll efekty<\/h3>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 12px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>image \u2014 Obr\u00e1zok \u2014 foto, m\u00e9di\u00e1, branike\/image<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/><polyline points=\"21 15 16 10 5 21\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Carousel<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Posuvn\u00fd, scroll-snap, prev\/next, dots.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>repeat \u2014 Opakovanie \u2014 loop, cyklus, automations CRM<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3\" \/><path d=\"M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Flip Card<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">3D oto\u010denie karty, 10 efektov.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>arrows-right \u2014 Dvojit\u00e9 \u0161\u00edpky \u2014 kroky, postup, next<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M12 7l5 5l-5 5\" \/><path d=\"M7 7l5 5l-5 5\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Before \/ After<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Posuvn\u00fd porovn\u00e1va\u010d dvoch fotiek.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:6px 44px 72px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:18px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layers \u2014 Vrstvy \u2014 photo-stack, tabs, carousel<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"12 2 2 7 12 12 22 7 12 2\" \/><polyline points=\"2 17 12 22 22 17\" \/><polyline points=\"2 12 12 17 22 12\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Foto k\u00f4pka<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Naskladan\u00e9 fotky, pri hoveri vej\u00e1r.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>eye \u2014 Oko \u2014 zobrazenie, n\u00e1h\u013ead, vidite\u013enos\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"2\" \/><path d=\"M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">Pin Scene<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Cinematic pinned scroll s vrstvami.<\/p>\n\n<\/div>\n\n<div style=\"padding:20px 20px 20px 20px;border-radius:14px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:12px;--bb-icon-size:22px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:11px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>arrows-right \u2014 Dvojit\u00e9 \u0161\u00edpky \u2014 kroky, postup, next<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M12 7l5 5l-5 5\" \/><path d=\"M7 7l5 5l-5 5\" \/>\n<\/svg><\/span><\/figure>\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px\">H-Scroll<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.5;margin-bottom:0px\">Horizont\u00e1lny scroll panely pri scrolle.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:#0F0E20\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:46fr 54fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Ekosyst\u00e9m<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Bloky, z ktor\u00fdch je postaven\u00fd cel\u00fd ekosyst\u00e9m<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#C4B5FD;line-height:1.7;margin-bottom:0px;max-width:480px;margin-left:auto;margin-right:auto\">Z Branike Blocks s\u00fa postaven\u00e9 landing str\u00e1nky, dokument\u00e1cia aj produktov\u00e9 sekcie cel\u00e9ho ekosyst\u00e9mu. Bloky si rozumej\u00fa s ostatn\u00fdmi pluginmi \u2014 chr\u00e1nen\u00fd obr\u00e1zok pre LMS, karty pre CRM, ikony v\u0161ade. Jeden vizu\u00e1lny jazyk pre cel\u00fd web.<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-constel\">\n<style>\n  .bkv-constel *{box-sizing:border-box;}\n  .bkv-constel{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:36px 20px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);}\n  .bkv-constel .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(40% 40% at 30% 30%,rgba(124,58,237,.4),transparent 60%),\n               radial-gradient(36% 36% at 78% 72%,rgba(91,33,182,.36),transparent 60%);}\n  .bkv-constel svg{width:100%;height:auto;display:block;max-width:560px;margin:0 auto;}\n  .bkv-constel .node circle{fill:#1E1B4B;stroke:#A78BFA;stroke-width:1.5;}\n  .bkv-constel .node path,.bkv-constel .node line{stroke:#C4B5FD;}\n  .bkv-constel .star{fill:#DDD6FE;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-constel .tw{animation:bkv-constel-tw 4s ease-in-out infinite alternate;}\n    .bkv-constel .tw.b{animation-delay:1.2s} .bkv-constel .tw.c{animation-delay:2.1s}\n    .bkv-constel .node{animation:bkv-constel-float 7s ease-in-out infinite;}\n    .bkv-constel .node.n2{animation-delay:.6s} .bkv-constel .node.n3{animation-delay:1.1s}\n    .bkv-constel .node.n4{animation-delay:1.6s} .bkv-constel .node.n5{animation-delay:2.2s}\n  }\n  @keyframes bkv-constel-tw{from{opacity:.4}to{opacity:1}}\n  @keyframes bkv-constel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n\n  \/* HOVER *\/\n  .bkv-constel .node circle{transition:transform .3s ease;transform-box:fill-box;transform-origin:center;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-constel .node:hover circle{transform:scale(1.16);} }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <svg viewBox=\"0 0 560 280\" width=\"560\" height=\"280\" role=\"img\" aria-label=\"Prepojen\u00e9 pluginy Branike ekosyst\u00e9mu\">\n    <g stroke=\"#A78BFA\" stroke-opacity=\"0.32\" stroke-width=\"1.2\">\n      <line x1=\"120\" y1=\"80\" x2=\"280\" y2=\"60\"\/><line x1=\"280\" y1=\"60\" x2=\"440\" y2=\"100\"\/>\n      <line x1=\"280\" y1=\"60\" x2=\"280\" y2=\"160\"\/><line x1=\"120\" y1=\"80\" x2=\"180\" y2=\"210\"\/>\n      <line x1=\"280\" y1=\"160\" x2=\"180\" y2=\"210\"\/><line x1=\"280\" y1=\"160\" x2=\"410\" y2=\"210\"\/>\n      <line x1=\"440\" y1=\"100\" x2=\"410\" y2=\"210\"\/>\n    <\/g>\n    <g fill=\"#fff\"><circle class=\"tw star\" cx=\"70\" cy=\"160\" r=\"2\"\/><circle class=\"tw b star\" cx=\"500\" cy=\"60\" r=\"2.5\"\/>\n      <circle class=\"tw c star\" cx=\"350\" cy=\"240\" r=\"2\"\/><circle class=\"tw star\" cx=\"490\" cy=\"170\" r=\"1.6\"\/><\/g>\n    <g class=\"node n1\"><circle cx=\"120\" cy=\"80\" r=\"22\"\/><g transform=\"translate(120,80)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-7h14M-7 0h9M-7 7h6\"\/><\/g><\/g>\n    <g class=\"node n2\"><circle cx=\"280\" cy=\"60\" r=\"24\"\/><g transform=\"translate(280,60)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"0\" cy=\"-3\" r=\"5\"\/><path d=\"M-8 9a8 7 0 0 1 16 0\"\/><\/g><\/g>\n    <g class=\"node n3\"><circle cx=\"440\" cy=\"100\" r=\"22\"\/><g transform=\"translate(440,100)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-8 8-3v6L0 8-8 5v-6z\"\/><\/g><\/g>\n    <g class=\"node n4\"><circle cx=\"180\" cy=\"210\" r=\"22\"\/><g transform=\"translate(180,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-5h14v10h-14z\"\/><path d=\"M-7 0h14\"\/><\/g><\/g>\n    <g class=\"node n5\"><circle cx=\"410\" cy=\"210\" r=\"22\"\/><g transform=\"translate(410,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-6-6 6 6M6-6-6 6\"\/><\/g><\/g>\n    <g class=\"node n1\"><circle cx=\"280\" cy=\"160\" r=\"26\"\/><g transform=\"translate(280,160)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-9 9 0 0 9-9 0z\"\/><\/g><\/g>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">V\u0161etko priamo v editore<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:28px;max-width:640px;margin-left:auto;margin-right:auto\">\u017diadne extern\u00e9 okno ani builder \u2014 bloky vklad\u00e1\u0161 a upravuje\u0161 tam, kde p\u00ed\u0161e\u0161 obsah.<\/p>\n\n\n\n<div class=\"bkv-mockup\">\n<style>\n  .bkv-mockup *,.bkv-mockup *::before,.bkv-mockup *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-mockup{width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#fff;\n    border:1px solid #E5E7EB;box-shadow:0 24px 60px rgba(45,27,105,.16);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-mockup .bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F5F3FF;border-bottom:1px solid #E5E7EB;}\n  .bkv-mockup .dot{width:11px;height:11px;border-radius:50%;background:#C4B5FD;flex:none;}\n  .bkv-mockup .dot:nth-child(1){background:#EF4444;opacity:.5}\n  .bkv-mockup .dot:nth-child(2){background:#F59E0B;opacity:.5}\n  .bkv-mockup .dot:nth-child(3){background:#10B981;opacity:.5}\n  .bkv-mockup .url{flex:1;margin-left:8px;height:22px;border-radius:100px;background:#fff;border:1px solid #E5E7EB;\n    display:flex;align-items:center;padding:0 12px;color:#566070;font-size:11px;font-weight:600;}\n  .bkv-mockup .body{display:flex;min-height:230px;}\n  .bkv-mockup .side{width:64px;flex:none;background:#FAFAFC;border-right:1px solid #F0EFF5;padding:16px 12px;display:flex;flex-direction:column;gap:12px;}\n  .bkv-mockup .side i{display:block;height:8px;border-radius:4px;background:#E5E7EB;}\n  .bkv-mockup .side i:first-child{background:#7C3AED;}\n  .bkv-mockup .main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;}\n  .bkv-mockup .head{height:14px;width:46%;border-radius:5px;background:#DDD6FE;}\n  .bkv-mockup .cards{display:flex;gap:12px;}\n  .bkv-mockup .card{flex:1;height:54px;border-radius:10px;background:#F5F3FF;border:1px solid #EDE9FE;}\n  .bkv-mockup .card b{display:block;height:10px;width:60%;margin:12px;border-radius:4px;background:#C4B5FD;}\n  .bkv-mockup .chart{flex:1;border-radius:10px;background:#FAFAFC;border:1px solid #F0EFF5;padding:14px;display:flex;align-items:flex-end;gap:8px;}\n  .bkv-mockup .chart i{flex:1;background:linear-gradient(180deg,#A78BFA,#7C3AED);border-radius:5px 5px 0 0;transform-origin:bottom;transform:scaleY(.85);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-mockup .chart i{animation:bkv-mockup-rise 1.2s ease-out backwards;}\n    .bkv-mockup .chart i:nth-child(1){--h:.45;animation-delay:.1s}\n    .bkv-mockup .chart i:nth-child(2){--h:.72;animation-delay:.2s}\n    .bkv-mockup .chart i:nth-child(3){--h:.55;animation-delay:.3s}\n    .bkv-mockup .chart i:nth-child(4){--h:.9;animation-delay:.4s}\n    .bkv-mockup .chart i:nth-child(5){--h:.68;animation-delay:.5s}\n  }\n  .bkv-mockup .chart i:nth-child(1){transform:scaleY(.45)} .bkv-mockup .chart i:nth-child(2){transform:scaleY(.72)}\n  .bkv-mockup .chart i:nth-child(3){transform:scaleY(.55)} .bkv-mockup .chart i:nth-child(4){transform:scaleY(.9)}\n  .bkv-mockup .chart i:nth-child(5){transform:scaleY(.68)}\n  @keyframes bkv-mockup-rise{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-mockup{transition:transform .4s ease, box-shadow .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-mockup:hover{transform:translateY(-5px);box-shadow:0 34px 84px rgba(45,27,105,.26);} }\n<\/style>\n  <div class=\"bar\" aria-hidden=\"true\">\n    <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n    <span class=\"url\">branike.com<\/span>\n  <\/div>\n  <div class=\"body\" role=\"img\" aria-label=\"Uk\u00e1\u017eka administra\u010dn\u00e9ho rozhrania pluginu\">\n    <div class=\"side\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"main\" aria-hidden=\"true\">\n      <div class=\"head\"><\/div>\n      <div class=\"cards\"><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><\/div>\n      <div class=\"chart\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:72px 44px 72px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:44fr 56fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-ring\">\n<style>\n  .bkv-ring *,.bkv-ring *::before,.bkv-ring *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-ring{width:100%;display:flex;justify-content:center;padding:24px;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-ring .wrap{position:relative;width:200px;height:200px;}\n  .bkv-ring svg{width:200px;height:200px;transform:rotate(-90deg);}\n  .bkv-ring .track{fill:none;stroke:#EDE9FE;stroke-width:14;}\n  .bkv-ring .bar{fill:none;stroke:url(#bkvRingGrad);stroke-width:14;stroke-linecap:round;\n    stroke-dasharray:502.6;stroke-dashoffset:0;}\n  .bkv-ring .label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n  .bkv-ring .num{color:#1F2937;font-size:46px;font-weight:800;line-height:1;}\n  .bkv-ring .cap{color:#566070;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:6px;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-ring .bar{stroke-dashoffset:502.6;animation:bkv-ring-fill 1.6s ease-out .2s forwards;}\n  }\n  @keyframes bkv-ring-fill{to{stroke-dashoffset:0;}}  \/* 0 = 100% obvodu; uprav pod\u013ea percenta *\/\n\n  \/* HOVER *\/\n  .bkv-ring .wrap{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-ring:hover .wrap{transform:scale(1.05);} }\n<\/style>\n  <div class=\"wrap\" role=\"img\" aria-label=\"Sk\u00f3re 100 zo 100 \u2014 PageSpeed\">\n    <svg viewBox=\"0 0 200 200\" width=\"200\" height=\"200\">\n      <defs><linearGradient id=\"bkvRingGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0%\" stop-color=\"#A78BFA\"\/><stop offset=\"100%\" stop-color=\"#7C3AED\"\/><\/linearGradient><\/defs>\n      <circle class=\"track\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n      <circle class=\"bar\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n    <\/svg>\n    <div class=\"label\"><span class=\"num\">100<\/span><span class=\"cap\">PageSpeed<\/span><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Bezpe\u010dn\u00e9, \u010dist\u00e9 a r\u00fdchle<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:470px;margin-left:auto;margin-right:auto\">\u010cist\u00e9 PHP 8, vanilla JS, anim\u00e1cie len cez transform a opacity (nulov\u00fd CLS). Bloky, ktor\u00e9 prid\u00e1vaj\u00fa efekt, nie v\u00e1hu: 100\/100 PageSpeed.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignwide wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Kni\u017enica vzorov \u2014 87 hotov\u00fdch sekci\u00ed<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center\">Bloky s\u00fa stavebn\u00e9 kamene. Vzor je <strong>cel\u00e1 hotov\u00e1 sekcia<\/strong> \u2014 vlo\u017e\u00ed\u0161 ju jedn\u00fdm klikom a len prep\u00ed\u0161e\u0161 texty. V editore ich n\u00e1jde\u0161 pod <strong>+ \u2192 Vzory \u2192 BRANIKE<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center\">87 vzorov v 21 kateg\u00f3ri\u00e1ch: Hero \u00b7 V\u00fdhody \u00b7 CTA \u00b7 Cenn\u00edk \u00b7 FAQ \u00b7 Referencie \u00b7 \u0160tatistiky \u00b7 T\u00edm \u00b7 Kontakt \u00b7 P\u00e4ti\u010dka \u00b7 Obsah \u00b7 Logo Farm \u00b7 Gal\u00e9ria \u00b7 M\u00e9di\u00e1 &amp; Text \u00b7 Cit\u00e1t \u00b7 Karty \u00b7 Timeline \u00b7 Video \u00b7 Pr\u00edspevky \u00b7 Slu\u017eby \u00b7 Z\u00e1hlavie.<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center\">Fotografie vo vzoroch s\u00fa <strong>s\u00fa\u010das\u0165ou pluginu<\/strong> \u2014 dod\u00e1vaj\u00fa sa ako WebP priamo v \u0148om. Ni\u010d sa nena\u010d\u00edtava z cudzieho servera: d\u00e1ta n\u00e1v\u0161tevn\u00edka neodch\u00e1dzaj\u00fa tretej strane a str\u00e1nka ne\u010dak\u00e1 na cudzie spojenie.<\/p>\n\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);margin-top:28px;font-size:22px;font-weight:800;line-height:1.25;margin-bottom:8px\">Gal\u00e9riu ani v\u00fdpis pr\u00edspevkov nerie\u0161i\u0161 zvl\u00e1\u0161\u0165<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center\">Obidvoje je s\u00fa\u010das\u0165ou Branike Blocks. <strong>Gal\u00e9ria<\/strong> \u2014 obr\u00e1zok s lightboxom, foto k\u00f4pka, posuvn\u00e9 porovnanie pred\/po, carousel a hotov\u00e9 gal\u00e9riov\u00e9 vzory; lightbox je spolo\u010dn\u00fd, tak\u017ee n\u00e1v\u0161tevn\u00edk preklik\u00e1va v\u0161etky fotky na str\u00e1nke v jednej sade. <strong>V\u00fdpis obsahu<\/strong> \u2014 Posts Grid vyp\u00ed\u0161e \u010dl\u00e1nky, produkty, kurzy aj podujatia, s filtrom, zoraden\u00edm, carousel re\u017eimom a skeleton na\u010d\u00edtan\u00edm. <strong>\u017diadny \u010fal\u0161\u00ed plugin.<\/strong><\/p>\n\n\n<div style=\"--bb-btn-gap:12px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:center;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--accent, #7C3AED);--bb-btn-color:#ffffff\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"https:\/\/branike.com\/prirucka\/sprievodca-blocks\/\"><span class=\"bb-button__text\">Kompletn\u00fd sprievodca v pr\u00edru\u010dke<\/span><\/a>\n<\/div>\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 80px 44px;background:linear-gradient(135deg,#5B21B6,#7C3AED 60%,#6D28D9)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto\">Postav pekn\u00fa str\u00e1nku e\u0161te dnes<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#EDE9FE;line-height:1.7;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto\">Branike Blocks m\u00e1\u0161 s\u00fa\u010das\u0165ou ekosyst\u00e9mu. Otvor editor, vlo\u017e blok a tvor.<\/p>\n\n\n<div style=\"--bb-btn-gap:12px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:center;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--base, #ffffff);--bb-btn-color:var(--wp--preset--color--accent-strong, #5B21B6)\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Chcem Branike Blocks<\/span><\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:32px 44px 32px 44px;background-color:#14122A\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.7;margin-bottom:0px\">Branike Blocks \u00b7 s\u00fa\u010das\u0165 Branike ekosyst\u00e9mu \u00b7 branike.com<\/p>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1590,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bt_container":"","_bt_sidebar":"","_bt_show_title":"","footnotes":"","_bseo_title":"","_bseo_description":"Branike Blocks 51 nat\u00edvnych blokov do editora \u2014 \u017eiadny \u0165a\u017ek\u00fd page builder Branike Blocks je bal\u00edk nat\u00edvnych Gutenberg blokov: hero sekcie, cenn\u00edky, carousely, \u010d","_bseo_noindex":"","_bseo_nofollow":"","_bseo_canonical":"","_bseo_og_title":"","_bseo_og_description":"","_bseo_og_image_id":0,"_bseo_og_image_url":"","_bseo_focus_keyword":""},"class_list":["post-1492","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/comments?post=1492"}],"version-history":[{"count":14,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1492\/revisions"}],"predecessor-version":[{"id":7499,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1492\/revisions\/7499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media\/1590"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}