{"id":923,"date":"2024-07-27T10:20:23","date_gmt":"2024-07-27T10:20:23","guid":{"rendered":"https:\/\/kaniamedia.pl\/?page_id=923"},"modified":"2026-08-04T13:28:32","modified_gmt":"2026-08-04T13:28:32","slug":"sklepy-internetowe","status":"publish","type":"page","link":"https:\/\/kaniamedia.pl\/en\/sklepy-internetowe\/","title":{"rendered":"Online stores"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"923\" class=\"elementor elementor-923\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5c815d e-con-full e-flex e-con e-parent\" data-id=\"a5c815d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ac670 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"17ac670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   KANIA MEDIA \u2014 Hero Section (Czysty, wektorowy styl Premium + E-commerce)\r\n============================================================ *\/\r\n.shop {\r\n  \/* Czerwona paleta oparta o bazowy #e64c4c *\/\r\n  --red: #db1919 ; --red-d: #cc3b3b; --red-dd: #9e2727; --red-l: #ee3636 !important;\r\n  --red-050: #fdf3f3; --red-025: #fef8f8; --red-100: #facdcd;\r\n\r\n  --ink: #1a1416; --ink-2: #4a3f42; --muted: #8a7d80;\r\n  --line: #f0f2f5; --paper: #fff; \r\n\r\n  \/* Cienie dopasowane do czerwonego *\/\r\n  --sh-card: 0 14px 40px -20px rgba(230,76,76,.15);\r\n  --sh-btn: 0 16px 34px -12px rgba(230,76,76,.5);\r\n  --maxw: 1200px;\r\n\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  color: var(--ink); font-weight: 600; line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased; position: relative; overflow: hidden; background: #ffffff; isolation: isolate;\r\n}\r\n.shop * { box-sizing: border-box; }\r\n.shop a { text-decoration: none; color: inherit; }\r\n\r\n\/* ZAKTUALIZOWANY TYTU\u0141 WG. ZRZUTU EKRANU *\/\r\n.shop h1 { \r\n  margin: 14px 0 20px; \r\n  font-family: 'Poppins', sans-serif;\r\n  font-weight: 700; \r\n  font-size: 62px;\r\n  line-height: 62px;\r\n  letter-spacing: -.02em; \r\n  color: rgb(46, 46, 45); \r\n}\r\n.shop p, .shop span, .shop a, .shop div, .shop button { font-weight: 600; }\r\n.shop .ac { color: var(--red); }\r\n\r\n\/* --- CZYSTE Wektorowe T\u0142o --- *\/\r\n.shop .bg-fluid {\r\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;\r\n}\r\n.shop .bg-fluid svg {\r\n  width: 100%; height: 100%; object-fit: cover;\r\n}\r\n\r\n.shop .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 26px; position: relative; z-index: 10; }\r\n\r\n.shop .ey { display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; font-weight: 700;\r\n  letter-spacing: .2em; text-transform: uppercase; color: var(--red); margin-bottom: 16px; }\r\n.shop .ey::before { content: \"\"; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--red), var(--red-l)); }\r\n\r\n.shop .btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 999px;\r\n  font-weight: 700; font-size: .94rem; border: none; cursor: pointer;\r\n  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .28s, color .28s; }\r\n.shop .btn svg { width: 16px; height: 16px; transition: transform .28s; }\r\n.shop .btn:hover svg { transform: translateX(4px); }\r\n.shop .btn-1 { background: linear-gradient(135deg, var(--red), var(--red-d)); color: #fff; box-shadow: var(--sh-btn); }\r\n.shop .btn-1:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -12px rgba(230,76,76,.65); }\r\n.shop .btn-2 { background: #fff; color: var(--ink); border: 1.5px solid var(--line); box-shadow: var(--sh-card); }\r\n.shop .btn-2:hover { transform: translateY(-2px); color: var(--red); border-color: var(--red-100); }\r\n\r\n\/* ============================================================ HERO *\/\r\n.shop .hero { position: relative; z-index: 2; overflow: hidden; padding: 224px 0 180px; background: transparent; }\r\n\r\n.shop .hgrid { position: relative; z-index: 3; display: grid; grid-template-columns: 1.02fr .98fr; gap: 44px; align-items: center; }\r\n.shop .hero .lead { color: var(--ink-2); font-size: 16px; max-width: 500px; margin-bottom: 50px; margin-top: 35px; margin-left: 10px; }\r\n.shop .hcta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 26px; }\r\n.shop .rate { display: flex; align-items: center; gap: 11px; color: var(--muted); font-size: .9rem; margin-top: 50px; margin-left: 15px; }\r\n.shop .stars { color: #f5a524; letter-spacing: 6px; }\r\n.shop .rate b { color: var(--ink); font-weight: 500; }\r\n\r\n.shop .art { position: relative; display: flex; justify-content: center; align-items: center; min-height: 420px; }\r\n.shop svg.card3d { width: 100%; max-width: 450px; height: auto; position: relative; z-index: 3;\r\n  filter: drop-shadow(0 30px 50px rgba(230,76,76,.12)); transform: rotate(-1.5deg);\r\n  transition: transform .6s cubic-bezier(.2,.8,.2,1); }\r\n.shop .art:hover svg.card3d { transform: rotate(0deg) translateY(-6px); }\r\n\r\n\/* ============================================================ \r\n   NOWE LEWITUJ\u0104CE KULE (Styl Czerwony) \r\n============================================================ *\/\r\n.shop .k-exact-sphere {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: var(--red);\r\n  animation: kExactFloat alternate infinite ease-in-out;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.shop .k-exact-sphere::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 18%; \r\n  left: 18%;\r\n  width: 25%; \r\n  height: 25%;\r\n  background: rgba(255, 255, 255, 0.85);\r\n  border-radius: 50%; \r\n  filter: blur(1px);\r\n}\r\n\r\n.shop .k-exact-sm { \r\n  width: 45px; \r\n  height: 45px; \r\n  animation-duration: 4.5s; \r\n  box-shadow: \r\n    inset -5px -5px 12px rgba(158, 39, 39, 0.4),  \/* --red-dd *\/\r\n    inset 4px 4px 10px rgba(255, 255, 255, 0.9),  \r\n    4px 8px 15px rgba(230, 76, 76, 0.2);          \/* --red *\/\r\n}\r\n\r\n.shop .k-exact-lg { \r\n  width: 80px; \r\n  height: 80px; \r\n  animation-duration: 6s; \r\n  animation-delay: 1.5s; \r\n  box-shadow: \r\n    inset -8px -8px 18px rgba(158, 39, 39, 0.4), \r\n    inset 6px 6px 15px rgba(255, 255, 255, 0.9), \r\n    10px 20px 30px rgba(230, 76, 76, 0.35);\r\n}\r\n\r\n@keyframes kExactFloat { \r\n  0% { transform: translateY(0); } \r\n  100% { transform: translateY(-20px); } \r\n}\r\n\r\n\/* Pozycjonowanie nowych kul w sekcji Hero *\/\r\n.shop .pos-1 { top: -15px; left: -30px; z-index: 0; }\r\n.shop .pos-2 { top: 42%; left: 38%; z-index: 4; }\r\n.shop .pos-3 { bottom: 2%; left: 24%; }\r\n.shop .pos-4 { top: 8%; right: 4%; }\r\n\r\n\/* Chipy (p\u0142ywaj\u0105ce plakietki) *\/\r\n.shop .chip { position: absolute; z-index: 5; background: #fff; border-radius: 15px; padding: 11px 15px;\r\n  display: flex; align-items: center; gap: 10px; font-size: .8rem; font-weight: 700; box-shadow: var(--sh-card); border: 1px solid var(--line); }\r\n.shop .chip .ci { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--red-050); color: var(--red); }\r\n.shop .chip .ci svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.shop .chip .sub { display: block; font-weight: 600; color: var(--muted); font-size: .7rem; margin-top: 1px; }\r\n\r\n\/* Pozycje Chip\u00f3w *\/\r\n.shop .chip-t { top: 2%; right: -2%; }\r\n.shop .chip-b { bottom: 6%; left: -6%; }\r\n\r\n\/* Chip Cenowy *\/\r\n.shop .chip-price { top: 50%; right: -12%; flex-direction: column; align-items: flex-end; gap: 0; padding: 14px 18px; }\r\n.shop .chip-price .badge { font-size: .65rem; background: var(--red); color: #fff; padding: 3px 8px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }\r\n.shop .chip-price .old { font-size: .8rem; text-decoration: line-through; color: var(--muted); line-height: 1.2; margin-right: 2px; }\r\n.shop .chip-price .new { font-size: 1.45rem; color: var(--ink); line-height: 1; letter-spacing: -0.5px; }\r\n.shop .chip-price .new span { color: var(--red); font-size: 1.1rem; }\r\n\r\n\/* ============================================================ RWD *\/\r\n@media (max-width: 960px) {\r\n  \/* Jedna kolumna + wymuszona kolejno\u015b\u0107: najpierw TEKST, potem GRAFIKA *\/\r\n  .shop .hgrid { display: flex; flex-direction: column; gap: 52px; }\r\n  .shop .hgrid > .htext { order: 1; }\r\n  .shop .hgrid > .art   { order: 2; min-height: 340px; }\r\n  \r\n  \/* RWD dla zaktualizowanego nag\u0142\u00f3wka H1 *\/\r\n  .shop h1 {\r\n    font-size: clamp(2.5rem, 5.4vw, 62px);\r\n    line-height: 1.1;\r\n  }\r\n}\r\n@media (max-width: 600px) {\r\n  .shop .wrap { padding: 0 18px; }\r\n  .shop .hero { padding: 106px 0 66px; }\r\n  .shop .hcta { flex-direction: column; } .shop .hcta .btn { width: 100%; justify-content: center; }\r\n  .shop .chip { display: none; }\r\n  .shop .pos-1 { left: -10px; width: 50px; height: 50px; } \r\n}\r\n@media (prefers-reduced-motion: reduce) { .shop * { transition: none !important; animation: none !important; } }\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <!-- ==================== HERO ==================== -->\r\n  <section class=\"hero\">\r\n    \r\n    <!-- Czyste, g\u0142adkie t\u0142o wektorowe SVG -->\r\n    <div class=\"bg-fluid\">\r\n      <svg viewBox=\"0 0 1440 900\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\">\r\n        <defs>\r\n          <linearGradient id=\"waveGrad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n            <stop offset=\"0%\" stop-color=\"#fdf3f3\" \/>\r\n            <stop offset=\"100%\" stop-color=\"#faecec\" \/>\r\n          <\/linearGradient>\r\n          <linearGradient id=\"waveGrad2\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n            <stop offset=\"0%\" stop-color=\"#ffffff\" stop-opacity=\"0\" \/>\r\n            <stop offset=\"100%\" stop-color=\"#fef8f8\" \/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        \r\n        <path fill=\"url(#waveGrad1)\" d=\"M1000,0 C1150,200 1350,150 1440,300 L1440,0 Z\" opacity=\"0.7\"\/>\r\n        <path fill=\"url(#waveGrad1)\" d=\"M0,100 C300,250 450,100 700,350 C950,600 800,800 1200,850 C1300,870 1440,800 1440,800 L1440,900 L0,900 Z\" \/>\r\n        <path fill=\"url(#waveGrad2)\" d=\"M0,350 C250,450 400,350 650,550 C900,750 1100,800 1440,750 L1440,900 L0,900 Z\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n    \r\n    <div class=\"wrap\">\r\n      <!-- Lewituj\u0105ca Kula: G\u00f3rna Lewa -->\r\n      <div class=\"k-exact-sphere k-exact-lg pos-1\"><\/div>\r\n\r\n      <div class=\"hgrid\">\r\n        <div class=\"htext\">\r\n          <span class=\"ey\">Sklepy internetowe<\/span>\r\n          \r\n          <!-- Nowy nag\u0142\u00f3wek ze zrzutu ekranu z czerwonym akcentem -->\r\n          <h1>Sprzedawaj bez  <span class=\"ac\">ogranicze\u0144<\/span><\/h1>\r\n          \r\n          <p class=\"lead\">Tworzymy sklepy, kt\u00f3re nie tylko wygladaj\u0105 nowocze\u015bnie, ale realnie sprzedaj\u0105. Szybkie, wygodne w zakupach i gotowe na klient\u00f3w od pierwszego dnia.<\/p>\r\n          <div class=\"hcta\">\r\n            <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"btn btn-1\">Zam\u00f3w projekt\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n            <a href=\"https:\/\/kaniamedia.pl\/realizacje\" class=\"btn btn-2\">Zobacz realizacje<\/a>\r\n          <\/div>\r\n          <div class=\"rate\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span><b>5,0<\/b> \u00b7 ponad 80 zrealizowanych projekt\u00f3w<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"art\">\r\n          <!-- Lewituj\u0105ce Kule: Przy grafice -->\r\n          <div class=\"k-exact-sphere k-exact-lg pos-3\"><\/div>\r\n          <div class=\"k-exact-sphere k-exact-sm pos-4\"><\/div>\r\n          <div class=\"k-exact-sphere k-exact-sm pos-2\"><\/div>\r\n\r\n          <!-- Chipy (p\u0142ywaj\u0105ce plakietki) -->\r\n          <div class=\"chip chip-t\">\r\n            <span class=\"ci\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 22a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM20 22a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg><\/span>\r\n            <span>Koszyk gotowy<span class=\"sub\">P\u0142atno\u015bci online w 3 klikach<\/span><\/span>\r\n          <\/div>\r\n          \r\n          <div class=\"chip chip-b\">\r\n            <span class=\"ci\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"4\" width=\"15\" height=\"12\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7\"\/><circle cx=\"6\" cy=\"19\" r=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"2\"\/><\/svg><\/span>\r\n            <span>SSL &amp; RODO<span class=\"sub\">Bezpiecze\u0144stwo w standardzie<\/span><\/span>\r\n          <\/div>\r\n\r\n          <!-- Ilustracja: karta produktu 3D -->\r\n          <svg class=\"card3d\" viewBox=\"0 0 430 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <defs>\r\n              <linearGradient id=\"shProd\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#e64c4c\"\/><stop offset=\"1\" stop-color=\"#cc3b3b\"\/><\/linearGradient>\r\n              <linearGradient id=\"shWin\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#ffffff\"\/><stop offset=\"1\" stop-color=\"#fef8f8\"\/><\/linearGradient>\r\n              <linearGradient id=\"shBtn\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0\" stop-color=\"#e64c4c\"\/><stop offset=\"1\" stop-color=\"#f27c7c\"\/><\/linearGradient>\r\n              <filter id=\"shadowPrice\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\r\n                <feDropShadow dx=\"0\" dy=\"6\" stdDeviation=\"6\" flood-color=\"#e64c4c\" flood-opacity=\"0.15\"\/>\r\n              <\/filter>\r\n            <\/defs>\r\n            <rect x=\"30\" y=\"18\" width=\"370\" height=\"330\" rx=\"22\" fill=\"url(#shWin)\" stroke=\"#fdf3f3\"\/>\r\n            <rect x=\"50\" y=\"38\" width=\"330\" height=\"150\" rx=\"14\" fill=\"url(#shProd)\"\/>\r\n            <circle cx=\"215\" cy=\"108\" r=\"42\" fill=\"rgba(255,255,255,.16)\"\/>\r\n            <path d=\"M198 108 h34 M215 91 v34\" stroke=\"#fff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n            \r\n            <rect x=\"250\" y=\"145\" width=\"100\" height=\"34\" rx=\"17\" fill=\"#fff\" filter=\"url(#shadowPrice)\"\/>\r\n            <text x=\"300\" y=\"168\" font-family=\"Poppins, sans-serif\" font-weight=\"700\" font-size=\"17\" fill=\"#1a1416\" text-anchor=\"middle\">199 <tspan fill=\"#e64c4c\">z\u0142<\/tspan><\/text>\r\n\r\n            <rect x=\"50\" y=\"206\" width=\"180\" height=\"14\" rx=\"7\" fill=\"#facdcd\"\/>\r\n            <rect x=\"50\" y=\"228\" width=\"120\" height=\"10\" rx=\"5\" fill=\"#fdf3f3\"\/>\r\n            <g fill=\"#f5a524\">\r\n              <circle cx=\"56\" cy=\"256\" r=\"5\"\/><circle cx=\"72\" cy=\"256\" r=\"5\"\/><circle cx=\"88\" cy=\"256\" r=\"5\"\/><circle cx=\"104\" cy=\"256\" r=\"5\"\/><circle cx=\"120\" cy=\"256\" r=\"5\"\/>\r\n            <\/g>\r\n            <rect x=\"50\" y=\"280\" width=\"220\" height=\"46\" rx=\"23\" fill=\"url(#shBtn)\"\/>\r\n            <path d=\"M96 303 h6 l2 9 h14 l2 -7 h-16\" stroke=\"#fff\" stroke-width=\"2.4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <circle cx=\"106\" cy=\"316\" r=\"1.6\" fill=\"#fff\"\/><circle cx=\"120\" cy=\"316\" r=\"1.6\" fill=\"#fff\"\/>\r\n            <rect x=\"132\" y=\"298\" width=\"96\" height=\"10\" rx=\"5\" fill=\"rgba(255,255,255,.9)\"\/>\r\n            <rect x=\"286\" y=\"280\" width=\"46\" height=\"46\" rx=\"14\" fill=\"#fdf3f3\"\/>\r\n            <path d=\"M309 315 c-8 -6 -12 -10 -12 -15 a4.5 4.5 0 0 1 8 -2.5 a4.5 4.5 0 0 1 8 2.5 c0 5 -4 9 -12 15 z\" fill=\"#e64c4c\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb1f126 e-con-full e-flex e-con e-parent\" data-id=\"fb1f126\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a96d33b elementor-widget elementor-widget-html\" data-id=\"a96d33b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* L\u017cejsze wagi font\u00f3w: 400 (tekst), 500 (ma\u0142e nag\u0142\u00f3wki), 600 (du\u017ce nag\u0142\u00f3wki) *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n.shop {\r\n  \/* Zmienne kolorystyczne i bazowe *\/\r\n  --red:#E64C4C; --red-d:#cf3d3d; --red-dd:#a82f2f; --red-l:#f27b7b;\r\n  --red-050:#fdeeee; --red-025:#fef6f6; --red-100:#fbdcdc;\r\n  --peach-bg:#fff1ec; --peach:#ff8a5b;\r\n  --amber-bg:#fff6e3; --amber:#f5a524;\r\n  --green-bg:#e9f8ef; --green:#37c98a;\r\n\r\n  \/* Z\u0142agodzone odcienie czerni (grafit) *\/\r\n  --ink:#332b2e; \r\n  --ink-2:#5c5255; \r\n  --muted:#8c8083;\r\n  --line:#f2e6e6; --paper:#fff; --wash:#fdf7f6; --wash-2:#fefafa;\r\n\r\n  --r-lg:28px; --r-md:20px; --r-sm:14px;\r\n  --sh-card:0 14px 40px -20px rgba(168,47,47,.2);\r\n  --sh-lift:0 34px 80px -30px rgba(168,47,47,.38);\r\n  --maxw:1200px;\r\n\r\n  font-family:'Poppins','Segoe UI',system-ui,sans-serif;\r\n  color:var(--ink); \r\n  font-weight:400; \/* L\u017cejsza waga bazowa *\/\r\n  line-height:1.6;\r\n  -webkit-font-smoothing:antialiased; position:relative; overflow:hidden; background:transparent; isolation:isolate;\r\n}\r\n.shop * {box-sizing:border-box;}\r\n\r\n\/* Dopracowanie grubo\u015bci nag\u0142\u00f3wk\u00f3w *\/\r\n.shop h2 {margin:0;font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--ink);}\r\n.shop h3 {margin:0;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink);} \r\n.shop p, .shop span, .shop div {font-weight:400;}\r\n\r\n.shop .wrap {max-width:var(--maxw);margin:0 auto;padding:0 26px;}\r\n\r\n\/* Element z kresk\u0105 (Eyebrow) *\/\r\n.shop .ey {display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:600;\r\n  letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:16px;}\r\n.shop .ey::before {content:\"\";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--red),var(--red-l));}\r\n.shop .ey.c {justify-content:center;}\r\n\r\n.shop .blob {position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(6px);}\r\n\r\n\/* ============================================================ BENTO \u2014 funkcje sklepu *\/\r\n.shop .bento {position:relative;z-index:2;padding:96px 0;background:linear-gradient(180deg,#fff 0%,var(--wash) 100%);overflow:hidden;}\r\n.shop .bento .b1 {width:440px;height:440px;top:6%;right:-150px;background:radial-gradient(circle,#fdecec,rgba(253,236,236,0) 70%);}\r\n.shop .bhead {text-align:center;max-width:640px;margin:0 auto 52px;}\r\n.shop .bhead h2 {font-size:clamp(2rem,3.8vw,2.75rem);margin-bottom:14px;}\r\n.shop .bhead p {color:var(--muted);margin:0;font-size:1.02rem;}\r\n\r\n.shop .bgrid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr); grid-auto-rows:minmax(190px,auto);gap:18px;}\r\n.shop .bx {position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);\r\n  padding:28px;box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;\r\n  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;}\r\n.shop .bx:hover {transform:translateY(-6px);box-shadow:var(--sh-lift);border-color:var(--red-100);}\r\n.shop .bx .bico {width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px; background:var(--red-050);color:var(--red);}\r\n.shop .bx .bico svg {width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\r\n.shop .bx h3 {font-size:1.16rem;margin-bottom:8px;}\r\n.shop .bx p {color:var(--muted);font-size:.92rem;margin:0;}\r\n\r\n\/* rozmiary bento *\/\r\n.shop .bx.wide {grid-column:span 2;}\r\n.shop .bx.tall {grid-row:span 2;}\r\n\r\n\/* kafel-bohater: pe\u0142ny czerwony, 2x2 *\/\r\n.shop .bx.hero2 {grid-column:span 2;grid-row:span 2;\r\n  background:linear-gradient(150deg,var(--red) 0%,var(--red-dd) 100%);border-color:transparent;justify-content:space-between;}\r\n.shop .bx.hero2::after {content:\"\";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;bottom:-110px;background:rgba(255,255,255,.08);}\r\n.shop .bx.hero2 .bico {background:rgba(255,255,255,.18);color:#fff;width:60px;height:60px;}\r\n.shop .bx.hero2 .bico svg {width:29px;height:29px;}\r\n.shop .bx.hero2 h3 {color:#fff;font-size:1.7rem;margin-bottom:10px;font-weight:600;}\r\n.shop .bx.hero2 p {color:rgba(255,255,255,.9);font-size:1rem;}\r\n.shop .bx.hero2 .mini {display:flex;gap:26px;margin-top:22px;position:relative;z-index:2;}\r\n.shop .bx.hero2 .mini .m .n {font-size:1.7rem;font-weight:600;color:#fff;letter-spacing:-.03em;}\r\n.shop .bx.hero2 .mini .m .l {font-size:.78rem;color:rgba(255,255,255,.8);margin-top:2px;}\r\n\r\n\/* kolorowe ikony akcentowe *\/\r\n.shop .bx .bico.peach {background:var(--peach-bg);color:var(--peach);}\r\n.shop .bx .bico.amber {background:var(--amber-bg);color:var(--amber);}\r\n.shop .bx .bico.green {background:var(--green-bg);color:var(--green);}\r\n\r\n\/* mini ilustracja koszyka w tall kaflu *\/\r\n.shop .bx .cartviz {margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;}\r\n.shop .bx .cartrow {display:flex;align-items:center;gap:10px;background:var(--wash);border:1px solid var(--line);border-radius:10px;padding:8px 10px;}\r\n.shop .bx .cartrow .th {width:28px;height:28px;border-radius:7px;background:var(--red-050);flex:none;}\r\n.shop .bx .cartrow .ln {flex:1;height:7px;border-radius:4px;background:#eaddde;}\r\n.shop .bx .cartrow .pr {width:34px;height:9px;border-radius:4px;background:var(--red-100);}\r\n\r\n\/* ============================================================ RWD Mobile *\/\r\n@media (max-width:960px) {\r\n  \/* bento -> 2 kolumny, resetuj\u0119 spany *\/\r\n  .shop .bgrid {grid-template-columns:1fr 1fr;grid-auto-rows:auto;}\r\n  .shop .bx.wide, .shop .bx.tall, .shop .bx.hero2 {grid-column:auto;grid-row:auto;}\r\n  .shop .bx.hero2 {grid-column:span 2;}\r\n}\r\n\r\n@media (max-width:600px) {\r\n  .shop .bento {padding:64px 0;}\r\n  .shop .wrap {padding:0 20px;}\r\n  .shop .bhead {margin-bottom:40px;}\r\n  \r\n  \/* Redukcja przerw i padding\u00f3w na telefonach *\/\r\n  .shop .bgrid {grid-template-columns:1fr;gap:14px;}\r\n  .shop .bx {padding:22px;}\r\n  \r\n  \/* Dostosowanie g\u0142\u00f3wnego kafelka *\/\r\n  .shop .bx.hero2 {grid-column:auto;}\r\n  .shop .bx.hero2 h3 {font-size:1.4rem;}\r\n  .shop .bx.hero2::after {width:200px; height:200px; right:-80px; bottom:-80px;}\r\n  \r\n  \/* Uk\u0142ad statystyk w kafelku bohaterze na ma\u0142ych ekranach *\/\r\n  .shop .bx.hero2 .mini {flex-direction:column; gap:16px;}\r\n}\r\n@media (prefers-reduced-motion:reduce) { .shop * {transition:none!important;animation:none!important;} }\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <section class=\"bento\">\r\n    <span class=\"blob b1\"><\/span>\r\n    <div class=\"wrap\">\r\n      <div class=\"bhead\">\r\n        <span class=\"ey c\">Wszystko w jednym<\/span>\r\n        <h2>Sklep wyposa\u017cony <br>od pierwszego dnia<\/h2>\r\n        <p>Nie p\u0142acisz za puste pude\u0142ko. Ka\u017cdy sklep dostajesz z kompletem funkcji gotowych do sprzeda\u017cy \u2014 od koszyka po analityk\u0119.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bgrid\">\r\n        <!-- 1. Kafel bohater 2x2 -->\r\n        <div class=\"bx hero2\">\r\n          <div>\r\n            <div class=\"bico\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 22a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM20 22a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg><\/div>\r\n            <h3>Sprzeda\u017c, kt\u00f3ra po prostu dzia\u0142a<\/h3>\r\n            <p>P\u0142ynny proces zakupowy, szybki koszyk i bezpieczne p\u0142atno\u015bci online. Wszystko dopracowane tak, by klient doko\u0144czy\u0142 zakup, a nie porzuci\u0142 koszyk.<\/p>\r\n          <\/div>\r\n          <div class=\"mini\">\r\n            <div class=\"m\"><div class=\"n\">-30%<\/div><div class=\"l\">mniej porzuconych koszyk\u00f3w<\/div><\/div>\r\n            <div class=\"m\"><div class=\"n\">3 kroki<\/div><div class=\"l\">od produktu do zam\u00f3wienia<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. P\u0142atno\u015bci -->\r\n        <div class=\"bx\">\r\n          <div class=\"bico peach\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg><\/div>\r\n          <h3>P\u0142atno\u015bci online<\/h3>\r\n          <p>Przelewy24, BLIK, karty i szybkie przelewy \u2014 zintegrowane i gotowe.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 3. Wysy\u0142ki -->\r\n        <div class=\"bx\">\r\n          <div class=\"bico amber\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"4\" width=\"15\" height=\"12\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7\"\/><circle cx=\"6\" cy=\"19\" r=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"2\"\/><\/svg><\/div>\r\n          <h3>Wysy\u0142ki i kurierzy<\/h3>\r\n          <p>InPost, kurierzy i paczkomaty \u2014 koszty liczone automatycznie.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 4. Panel produkt\u00f3w (tall z mini koszykiem) -->\r\n        <div class=\"bx tall\">\r\n          <div class=\"bico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 3h18v4H3zM5 7v13a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7M9 12h6\"\/><\/svg><\/div>\r\n          <h3>Panel produkt\u00f3w<\/h3>\r\n          <p>Dodawaj produkty, warianty i zdj\u0119cia w kilka chwil.<\/p>\r\n          <div class=\"cartviz\">\r\n            <div class=\"cartrow\"><span class=\"th\"><\/span><span class=\"ln\"><\/span><span class=\"pr\"><\/span><\/div>\r\n            <div class=\"cartrow\"><span class=\"th\"><\/span><span class=\"ln\"><\/span><span class=\"pr\"><\/span><\/div>\r\n            <div class=\"cartrow\"><span class=\"th\"><\/span><span class=\"ln\"><\/span><span class=\"pr\"><\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Kody rabatowe -->\r\n        <div class=\"bx\">\r\n          <div class=\"bico\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L2 12V2h10l8.6 8.6a2 2 0 0 1 0 2.8z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg><\/div>\r\n          <h3>Kody i promocje<\/h3>\r\n          <p>Rabaty, kupony i wyprzeda\u017ce \u2014 nap\u0119dzaj sprzeda\u017c jednym klikni\u0119ciem.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 6. Analityka (wide) -->\r\n        <div class=\"bx wide\">\r\n          <div class=\"bico green\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n          <h3>Analityka sprzeda\u017cy<\/h3>\r\n          <p>Wiesz, co si\u0119 sprzedaje najlepiej, sk\u0105d przychodz\u0105 klienci i ile realnie zarabiasz \u2014 wszystko w czytelnych raportach.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 7. Mobile \/ RWD -->\r\n        <div class=\"bx\">\r\n          <div class=\"bico peach\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2.5\"\/><path d=\"M11 18h2\"\/><\/svg><\/div>\r\n          <h3>Zakupy na telefonie<\/h3>\r\n          <p>Ponad po\u0142owa zakup\u00f3w dzieje si\u0119 mobilnie \u2014 Tw\u00f3j sklep jest na to gotowy.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0823374 elementor-widget elementor-widget-html\" data-id=\"0823374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   KANIA MEDIA \u2014 Sekcja \"Architektura E-commerce\" (Wersja PRO\/Tech)\r\n============================================================ *\/\r\n.shop {\r\n  --red: #E64C4C; --red-l: #f27b7b;\r\n  --r-md: 20px;\r\n  --maxw: 1200px;\r\n\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  font-weight: 600; \r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased; \r\n  position: relative; \r\n  overflow: hidden;\r\n}\r\n\r\n.shop * { box-sizing: border-box; }\r\n.shop a { text-decoration: none; color: inherit; }\r\n.shop h2 { margin: 0; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; }\r\n.shop p, .shop span, .shop a, .shop div { font-weight: 600; }\r\n.shop .ac { color: var(--red-l); }\r\n\r\n.shop .ey { \r\n  display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; \r\n  font-weight: 700; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 16px; \r\n}\r\n.shop .ey.w { color: #fff; }\r\n.shop .ey.w::before { \r\n  content: \"\"; width: 26px; height: 2px; border-radius: 2px; \r\n  background: linear-gradient(90deg, #fff, rgba(255,255,255,.4)); \r\n}\r\n\r\n.shop .btn { \r\n  display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; \r\n  border-radius: 999px; font-weight: 700; font-size: .94rem; border: none; cursor: pointer;\r\n  transition: transform .28s cubic-bezier(.2,.8,.2,1), background .28s; \r\n}\r\n.shop .btn svg { width: 16px; height: 16px; transition: transform .28s; }\r\n.shop .btn:hover svg { transform: translateX(4px); }\r\n.shop .btn-w { background: #fff; color: var(--red); box-shadow: 0 16px 34px -12px rgba(0,0,0,.28); }\r\n.shop .btn-w:hover { transform: translateY(-2px); background: #fff5f4; }\r\n\r\n\/* PAS ZE ZDJ\u0118CIEM *\/\r\n.shop .band {\r\n  position: relative; \r\n  z-index: 2; \r\n  left: 50%; \r\n  right: 50%; \r\n  margin-left: -50vw; \r\n  margin-right: -50vw; \r\n  width: 100vw;\r\n  overflow: hidden; \r\n  color: #fff;\r\n  background:\r\n    linear-gradient(120deg, rgba(20,10,12,.94) 0%, rgba(40,16,18,.86) 42%, rgba(120,30,30,.62) 100%),\r\n    url('https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1600&q=80');\r\n  background-size: cover; \r\n  background-position: center;\r\n}\r\n\r\n.shop .band .binner { \r\n  position: relative; z-index: 3; max-width: var(--maxw); margin: 0 auto; padding: 88px 26px;\r\n  display: grid; grid-template-columns: 1.15fr .85fr; gap: 44px; align-items: center; \r\n}\r\n\r\n.shop .band .bg-orb { \r\n  position: absolute; border-radius: 50%; \r\n  background: radial-gradient(circle, rgba(214,76,76,.5), rgba(214,76,76,0) 70%); \r\n  z-index: 1; pointer-events: none; \r\n}\r\n.shop .band .bg1 { width: 360px; height: 360px; top: -140px; right: -40px; }\r\n.shop .band .bg2 { width: 260px; height: 260px; bottom: -150px; left: -60px; }\r\n\r\n.shop .band h2 { color: #fff; font-size: clamp(1.9rem, 3.6vw, 2.7rem); margin-bottom: 16px; }\r\n.shop .band p { color: rgba(255,255,255,.82); font-size: 1.04rem; margin: 0 0 26px; max-width: 480px; }\r\n\r\n.shop .band .bstats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n.shop .band .bst { \r\n  background: rgba(255,255,255,.08); \r\n  border: 1px solid rgba(255,255,255,.14); \r\n  border-radius: var(--r-md); padding: 22px; backdrop-filter: blur(6px); \r\n}\r\n\/* Zwi\u0119kszony font i mocniejsze akcenty dla liczb *\/\r\n.shop .band .bst .n { font-size: 1.95rem; font-weight: 700; letter-spacing: -.03em; color: #fff; }\r\n.shop .band .bst .l { font-size: .85rem; color: rgba(255,255,255,.7); margin-top: 4px; }\r\n\r\n\/* RWD *\/\r\n@media (max-width: 960px) {\r\n  .shop .band .binner { grid-template-columns: 1fr; gap: 42px; padding: 64px 26px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .shop .band .bstats { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n  .shop .band .bst .n { font-size: 1.5rem; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .shop * { transition: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <section class=\"band\">\r\n    <span class=\"bg-orb bg1\"><\/span>\r\n    <span class=\"bg-orb bg2\"><\/span>\r\n    \r\n    <div class=\"binner\">\r\n      <!-- Lewa strona: Techniczny, merytoryczny tekst -->\r\n      <div>\r\n        <span class=\"ey w\">Zaawansowane wdro\u017cenia E-commerce<\/span>\r\n        <h2>Architektura gotowa na <span class=\"ac\">wysoki ruch i konwersj\u0119<\/span><\/h2>\r\n        <p>Odrzucamy gotowe, oci\u0119\u017ca\u0142e szablony. Kodujemy interfejsy od zera, dbaj\u0105c o rygorystyczne wska\u017aniki Google Core Web Vitals. Wdra\u017camy zautomatyzowane procesy logistyczne i pe\u0142n\u0105 synchronizacj\u0119 stan\u00f3w magazynowych, tworz\u0105c infrastruktur\u0119 odporn\u0105 na piki sprzeda\u017cowe.<\/p>\r\n        \r\n        <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"btn btn-w\">Skonsultuj architektur\u0119\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Prawa strona: Twarde dane i technikalia -->\r\n      <div class=\"bstats\">\r\n        <div class=\"bst\"><div class=\"n\">< 1.2s<\/div><div class=\"l\">\u015bredni czas \u0142adowania (LCP)<\/div><\/div>\r\n        <div class=\"bst\"><div class=\"n\">100%<\/div><div class=\"l\">autorski front-end i kod<\/div><\/div>\r\n        <div class=\"bst\"><div class=\"n\">API<\/div><div class=\"l\">integracje BaseLinker i ERP<\/div><\/div>\r\n        <div class=\"bst\"><div class=\"n\">99.9%<\/div><div class=\"l\">wska\u017anik uptime i stabilno\u015bci<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6be5ad4 e-con-full e-flex e-con e-parent\" data-id=\"6be5ad4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-718db93 elementor-widget elementor-widget-html\" data-id=\"718db93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   KANIA MEDIA \u2014 Sekcja \"Na czym zbudujemy Tw\u00f3j sklep\"\r\n============================================================ *\/\r\n.shop {\r\n  \/* Zmienne globalne i kolorystyka *\/\r\n  --red: #E64C4C; --red-d: #cf3d3d; --red-l: #f27b7b;\r\n  --red-050: #fdeeee; --red-100: #fbdcdc;\r\n  --ink: #1a1416; --ink-2: #4a3f42; --muted: #8a7d80;\r\n  --line: #f2e6e6; --wash: #fdf7f6;\r\n  --r-lg: 28px; --r-md: 20px;\r\n  --sh-card: 0 14px 40px -20px rgba(168,47,47,.2);\r\n  --sh-lift: 0 34px 80px -30px rgba(168,47,47,.38);\r\n  --sh-soft: 0 20px 55px -22px rgba(214,76,76,.28);\r\n  --maxw: 1200px;\r\n\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  color: var(--ink); \r\n  font-weight: 600; \r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased; \r\n  position: relative; \r\n  overflow: hidden; \r\n  background: #fff;\r\n}\r\n\r\n.shop * { box-sizing: border-box; }\r\n.shop a { text-decoration: none; color: inherit; }\r\n.shop h2, .shop h3 { margin: 0; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); }\r\n.shop p, .shop span, .shop div, .shop b { font-weight: 600; }\r\n.shop .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 26px; }\r\n\r\n\/* Eyebrow text *\/\r\n.shop .ey { \r\n  display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; \r\n  font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--red); margin-bottom: 16px; \r\n}\r\n.shop .ey::before { \r\n  content: \"\"; width: 26px; height: 2px; border-radius: 2px; \r\n  background: linear-gradient(90deg, var(--red), var(--red-l)); \r\n}\r\n.shop .ey.c { justify-content: center; }\r\n\r\n\/* Przyciski *\/\r\n.shop .btn { \r\n  display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; \r\n  border-radius: 999px; font-weight: 700; font-size: .94rem; border: none; cursor: pointer;\r\n  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .28s; \r\n}\r\n.shop .btn svg { width: 16px; height: 16px; transition: transform .28s; }\r\n.shop .btn:hover svg { transform: translateX(4px); }\r\n.shop .btn-1 { \r\n  background: linear-gradient(135deg, var(--red), var(--red-d)); color: #fff; \r\n  box-shadow: 0 16px 34px -12px rgba(214,76,76,.6); \r\n}\r\n.shop .btn-1:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -12px rgba(214,76,76,.72); }\r\n\r\n\/* ============================================================ \r\n   KARTY PLATFORM\r\n============================================================ *\/\r\n.shop .platx { position: relative; z-index: 2; padding: 96px 0; background: #fff; overflow: hidden; }\r\n.shop .platx .bx1 { position: absolute; width: 460px; height: 460px; border-radius: 50%; left: -170px; top: 12%; background: radial-gradient(circle, var(--red-050), rgba(253,238,238,0) 70%); filter: blur(6px); z-index: 0; pointer-events: none; }\r\n.shop .platx .bx2 { position: absolute; width: 380px; height: 380px; border-radius: 50%; right: -150px; bottom: -60px; background: radial-gradient(circle, #fdecec, rgba(253,236,236,0) 70%); filter: blur(6px); z-index: 0; pointer-events: none; }\r\n\r\n.shop .pxhead { text-align: center; max-width: 660px; margin: 0 auto 52px; position: relative; z-index: 2; }\r\n.shop .pxhead h2 { font-size: clamp(2rem, 3.8vw, 2.75rem); margin-bottom: 14px; }\r\n.shop .pxhead p { color: var(--muted); margin: 0; font-size: 1.02rem; }\r\n\r\n\/* Siatka kart *\/\r\n.shop .pxgrid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }\r\n\r\n.shop .pxc { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 36px 30px 30px; box-shadow: var(--sh-card); overflow: hidden; display: flex; flex-direction: column; transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s, border-color .38s; }\r\n.shop .pxc::before { content: \"\"; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--red), var(--red-l)); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.2,.8,.2,1); }\r\n.shop .pxc:hover { transform: translateY(-8px); box-shadow: var(--sh-lift); border-color: var(--red-100); }\r\n.shop .pxc:hover::before { transform: scaleX(1); }\r\n.shop .pxc .pxglow { position: absolute; width: 260px; height: 260px; border-radius: 50%; right: -110px; top: -110px; background: radial-gradient(circle, var(--red-050), rgba(253,238,238,0) 70%); opacity: 0; transition: opacity .45s; pointer-events: none; }\r\n.shop .pxc:hover .pxglow { opacity: 1; }\r\n\r\n\/* Karta wyr\u00f3\u017cniona *\/\r\n.shop .pxc.reco { border-color: var(--red-100); box-shadow: var(--sh-soft); }\r\n.shop .pxc.reco::before { transform: scaleX(1); }\r\n.shop .pxtag { position: absolute; top: 20px; right: 20px; z-index: 3; font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; background: linear-gradient(135deg, var(--red), var(--red-d)); padding: 6px 12px; border-radius: 999px; box-shadow: 0 8px 18px -8px rgba(214,76,76,.8); }\r\n\r\n\/* Obszar logo *\/\r\n.shop .pxlogo { position: relative; z-index: 2; height: 62px; display: flex; align-items: center; margin-bottom: 22px; }\r\n.shop .pxlogo svg { height: 100%; width: auto; max-width: 200px; }\r\n.shop .pxlogo .customlogo { display: flex; align-items: center; gap: 13px; }\r\n.shop .pxlogo .customlogo .cl-ic { width: 54px; height: 54px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(140deg, var(--red), var(--red-d)); color: #fff; box-shadow: 0 14px 28px -12px rgba(214,76,76,.75); flex: none; }\r\n.shop .pxlogo .customlogo .cl-ic svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; max-width: none; }\r\n.shop .pxlogo .customlogo .cl-tx { font-size: 1.32rem; font-weight: 700; letter-spacing: -.02em; color: var(--ink); line-height: 1.15; }\r\n\r\n\/* Dla kogo \/ Opis \/ Lista *\/\r\n.shop .pxfor { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--red); background: var(--red-050); padding: 7px 13px; border-radius: 999px; align-self: flex-start; margin-bottom: 16px; }\r\n.shop .pxc p.pxdesc { position: relative; z-index: 2; color: var(--ink-2); font-size: .96rem; line-height: 1.62; margin: 0 0 24px; }\r\n.shop .pxlist { position: relative; z-index: 2; list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 12px; }\r\n.shop .pxlist li { display: flex; gap: 11px; align-items: flex-start; font-size: .93rem; color: var(--ink-2); }\r\n.shop .pxlist li .ck { flex: none; width: 21px; height: 21px; border-radius: 7px; background: var(--red-050); color: var(--red); display: grid; place-items: center; margin-top: 1px; transition: background .3s, color .3s; }\r\n.shop .pxc:hover .pxlist li .ck { background: var(--red); color: #fff; }\r\n.shop .pxlist li .ck svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* Stopka karty *\/\r\n.shop .pxfoot { position: relative; z-index: 2; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }\r\n.shop .pxfoot .fl { font-size: .78rem; color: var(--muted); line-height: 1.4; }\r\n.shop .pxfoot .fn { font-size: 1.45rem; font-weight: 700; letter-spacing: -.03em; background: linear-gradient(120deg, var(--red), var(--red-l)); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n\r\n\/* Pasek CTA dolny *\/\r\n.shop .pxnote { position: relative; z-index: 2; margin-top: 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; background: linear-gradient(135deg, var(--red-050), #fff); border: 1px solid var(--red-100); border-radius: var(--r-md); padding: 22px 26px; }\r\n.shop .pxnote .nt { display: flex; align-items: center; gap: 14px; }\r\n.shop .pxnote .nt .ic { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; flex: none; background: #fff; border: 1px solid var(--red-100); color: var(--red); box-shadow: var(--sh-card); }\r\n.shop .pxnote .nt .ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }\r\n.shop .pxnote .nt b { display: block; font-size: 1.02rem; font-weight: 700; color: var(--ink); }\r\n.shop .pxnote .nt span { font-size: .9rem; color: var(--muted); }\r\n\r\n\/* RWD *\/\r\n@media (max-width: 960px) {\r\n  .shop .pxgrid { grid-template-columns: 1fr; max-width: 540px; margin: 0 auto; }\r\n  .shop .pxnote { max-width: 540px; margin-left: auto; margin-right: auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  .shop .platx { padding: 66px 0; }\r\n  .shop .pxc { padding: 30px 24px 26px; }\r\n  .shop .pxnote { flex-direction: column; align-items: flex-start; padding: 22px; }\r\n  .shop .pxnote .btn { width: 100%; justify-content: center; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .shop * { transition: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <section class=\"platx\">\r\n    <span class=\"bx1\"><\/span><span class=\"bx2\"><\/span>\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"pxhead\">\r\n        <span class=\"ey c\">Dobierzemy technologi\u0119<\/span>\r\n        <h2>Na czym zbudujemy Tw\u00f3j sklep<\/h2>\r\n        <p>Pracujemy na sprawdzonych platformach e-commerce. Doradzimy t\u0119, kt\u00f3ra najlepiej pasuje do skali, bud\u017cetu i plan\u00f3w rozwoju Twojego biznesu.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pxgrid\">\r\n        <!-- ============ WOOCOMMERCE ============ -->\r\n        <div class=\"pxc reco\">\r\n          <span class=\"pxglow\"><\/span>\r\n          <span class=\"pxtag\">Najcz\u0119\u015bciej wybierane<\/span>\r\n\r\n          <div class=\"pxlogo\">\r\n            <svg viewBox=\"0 0 260 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"WooCommerce\">\r\n              <path d=\"M14 4h56c6.6 0 12 5.4 12 12v20c0 6.6-5.4 12-12 12H50l-6 10-4-10H14C7.4 48 2 42.6 2 36V16C2 9.4 7.4 4 14 4z\" fill=\"#7F54B3\"\/>\r\n              <path d=\"M12 18c.4-.7 1-1.1 1.8-1.2.9-.1 1.4.3 1.6 1.2.7 4.5 1.4 8.3 2.2 11.4l4.6-8.8c.4-.8 1-1.2 1.6-1.3.9-.1 1.5.5 1.7 1.7.5 3 1.2 5.5 2 7.6.5-5.4 1.5-9.3 2.8-11.7.3-.6.8-.9 1.5-1 .5 0 1 .1 1.5.4.4.3.7.8.7 1.3 0 .4-.1.7-.3 1.1-.8 1.6-1.5 4.2-2 7.9-.5 3.6-.7 6.4-.6 8.4 0 .5-.1 1-.3 1.5-.3.5-.7.8-1.3.8-.6 0-1.3-.3-1.9-.9-2.2-2.3-4-5.7-5.3-10.2-1.5 3.1-2.7 5.4-3.4 7-1.4 2.7-2.6 4.1-3.6 4.2-.6.1-1.2-.5-1.6-1.6-1.2-3.1-2.5-9.1-3.9-18-.1-.6 0-1.2.3-1.7z\" fill=\"#fff\"\/>\r\n              <ellipse cx=\"43\" cy=\"27\" rx=\"6\" ry=\"7.5\" fill=\"#fff\"\/>\r\n              <ellipse cx=\"43\" cy=\"27\" rx=\"2.4\" ry=\"3.4\" fill=\"#7F54B3\"\/>\r\n              <ellipse cx=\"59\" cy=\"27\" rx=\"6\" ry=\"7.5\" fill=\"#fff\"\/>\r\n              <ellipse cx=\"59\" cy=\"27\" rx=\"2.4\" ry=\"3.4\" fill=\"#7F54B3\"\/>\r\n              <text x=\"92\" y=\"36\" font-family=\"Poppins,sans-serif\" font-size=\"21\" font-weight=\"700\" fill=\"#7F54B3\">WooCommerce<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"pxfor\">Dla wi\u0119kszo\u015bci firm<\/span>\r\n          <p class=\"pxdesc\">Sklep na WordPressie \u2014 ten sam system, na kt\u00f3rym stoi Twoja strona. Pe\u0142na kontrola nad danymi i \u017cadnych miesi\u0119cznych op\u0142at za sam\u0105 platform\u0119.<\/p>\r\n\r\n          <ul class=\"pxlist\">\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Brak abonamentu za platform\u0119<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Pe\u0142na w\u0142asno\u015b\u0107 sklepu i danych<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Tysi\u0105ce integracji i rozszerze\u0144<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Sklep i blog w jednym panelu<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"pxfoot\">\r\n            <span class=\"fl\">Nasze wdro\u017cenia<br>na tej platformie<\/span>\r\n            <span class=\"fn\">80%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ============ SHOPIFY ============ -->\r\n        <div class=\"pxc\">\r\n          <span class=\"pxglow\"><\/span>\r\n\r\n          <div class=\"pxlogo\">\r\n            <svg viewBox=\"0 0 250 60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Shopify\">\r\n              <path d=\"M33.8 11.4c-.1-.2-.3-.3-.5-.3-.2 0-3.6-.3-3.6-.3s-2.4-2.4-2.7-2.6c-.3-.3-.8-.2-1-.1 0 0-.5.2-1.3.4-.1-.4-.3-1-.6-1.6-.9-1.7-2.1-2.6-3.6-2.6-.1 0-.2 0-.3 0-.1-.1-.1-.1-.2-.2-.7-.7-1.5-1.1-2.6-1-2 .1-4 1.5-5.6 4.1-1.1 1.8-2 4.1-2.3 5.9-2.3.7-3.9 1.2-3.9 1.2-1.2.4-1.2.4-1.3 1.5C4.2 18.6 1 44.3 1 44.3l26.2 4.9 11.4-2.8s-4.7-31.7-4.8-32z\" fill=\"#95BF47\"\/>\r\n              <path d=\"M33.3 11.1c-.2 0-3.6-.3-3.6-.3s-2.4-2.4-2.7-2.6c-.1-.1-.2-.2-.4-.2v41.2l11.4-2.8s-4.7-31.7-4.8-32c0-.2-.2-.3-.4-.3z\" fill=\"#5E8E3E\"\/>\r\n              <path d=\"M20.7 16.9l-1.3 5s-1.5-.7-3.3-.6c-2.6.2-2.7 1.8-2.6 2.3.1 2.5 6.7 3.1 7.1 9 .3 4.6-2.4 7.8-6.4 8-4.8.3-7.4-2.5-7.4-2.5l1-4.3s2.6 2 4.7 1.8c1.4-.1 1.9-1.2 1.8-2-.2-3.3-5.5-3.1-5.9-8.5-.3-4.5 2.6-9.1 9.2-9.5 2.5-.2 3.8.3 3.8.3z\" fill=\"#fff\"\/>\r\n              <text x=\"52\" y=\"36\" font-family=\"Poppins,sans-serif\" font-size=\"22\" font-weight=\"700\" fill=\"#95BF47\">Shopify<\/text>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"pxfor\">Dla szybkiego startu<\/span>\r\n          <p class=\"pxdesc\">Sklep pod klucz, bez martwienia si\u0119 o zaplecze techniczne. Hosting, bezpiecze\u0144stwo i aktualizacje le\u017c\u0105 po stronie platformy \u2014 Ty zajmujesz si\u0119 sprzeda\u017c\u0105.<\/p>\r\n\r\n          <ul class=\"pxlist\">\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>B\u0142yskawiczne uruchomienie<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Hosting i certyfikat w cenie<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Wsparcie platformy 24\/7<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Prosty panel dla pocz\u0105tkuj\u0105cych<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"pxfoot\">\r\n            <span class=\"fl\">Czas do pierwszej<br>sprzeda\u017cy<\/span>\r\n            <span class=\"fn\">2 tyg.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ============ ROZWI\u0104ZANIE W\u0141ASNE ============ -->\r\n        <div class=\"pxc\">\r\n          <span class=\"pxglow\"><\/span>\r\n\r\n          <div class=\"pxlogo\">\r\n            <div class=\"customlogo\">\r\n              <span class=\"cl-ic\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M8 6 3 12l5 6M16 6l5 6-5 6M13 4l-2 16\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"cl-tx\">Rozwi\u0105zanie<br>w\u0142asne<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <span class=\"pxfor\">Dla nietypowych potrzeb<\/span>\r\n          <p class=\"pxdesc\">Kiedy gotowe platformy nie wystarczaj\u0105. Budujemy sklep od zera pod Twoje procesy \u2014 z integracjami do system\u00f3w, kt\u00f3rych u\u017cywasz na co dzie\u0144.<\/p>\r\n\r\n          <ul class=\"pxlist\">\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Dowolna logika sprzeda\u017cy<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Integracje z ERP, WMS, hurtowniami<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Maksymalna wydajno\u015b\u0107<\/li>\r\n            <li><span class=\"ck\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>Skalowanie bez ogranicze\u0144<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"pxfoot\">\r\n            <span class=\"fl\">Mo\u017cliwo\u015bci<br>rozbudowy<\/span>\r\n            <span class=\"fn\">100%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Pasek dolny -->\r\n      <div class=\"pxnote\">\r\n        <div class=\"nt\">\r\n          <span class=\"ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.7.4-1 1-1 1.7v.5\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg><\/span>\r\n          <span>\r\n            <b>Nie wiesz, kt\u00f3r\u0105 platform\u0119 wybra\u0107?<\/b>\r\n            <span>Opowiedz nam o swoim biznesie \u2014 dobierzemy rozwi\u0105zanie i wyja\u015bnimy dlaczego.<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/kaniamedia.pl\/kontakt\/\" class=\"btn btn-1\">Um\u00f3w bezp\u0142atn\u0105 konsultacj\u0119\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f6ab40 e-con-full e-flex e-con e-parent\" data-id=\"0f6ab40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f166a6 elementor-widget elementor-widget-html\" data-id=\"3f166a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   KANIA MEDIA \u2014 Sekcja \"O\u015b Offline -> Online\" (Flow)\r\n============================================================ *\/\r\n.shop {\r\n  --red: #E64C4C; --red-d: #cf3d3d; --red-l: #f27b7b;\r\n  --ink: #1a1416; --muted: #8a7d80; \r\n  --line: #f2e6e6; --wash: #fdf7f6;\r\n  \r\n  --sh-card: 0 14px 40px -20px rgba(168,47,47,.2);\r\n  --sh-lift: 0 34px 80px -30px rgba(168,47,47,.38);\r\n  --maxw: 1200px;\r\n\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  color: var(--ink); \r\n  font-weight: 600; \r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased; \r\n  position: relative; \r\n  background: #fff;\r\n}\r\n\r\n.shop * { box-sizing: border-box; }\r\n.shop h2, .shop h3 { margin: 0; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); }\r\n.shop p, .shop div { font-weight: 600; }\r\n.shop .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 26px; }\r\n\r\n\/* Eyebrow text *\/\r\n.shop .ey { \r\n  display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; \r\n  font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--red); margin-bottom: 16px; \r\n}\r\n.shop .ey::before { \r\n  content: \"\"; width: 26px; height: 2px; border-radius: 2px; \r\n  background: linear-gradient(90deg, var(--red), var(--red-l)); \r\n}\r\n.shop .ey.c { justify-content: center; }\r\n\r\n\/* ============================================================ \r\n   O\u015a OFFLINE -> ONLINE\r\n============================================================ *\/\r\n.shop .flowb {\r\n  position: relative; \r\n  z-index: 2; \r\n  padding: 96px 0; \r\n  background: linear-gradient(180deg, var(--wash), #fff); \r\n  overflow: hidden;\r\n}\r\n\r\n.shop .fbhead { text-align: center; max-width: 660px; margin: 0 auto 56px; }\r\n.shop .fbhead h2 { font-size: clamp(2rem, 3.8vw, 2.75rem); margin-bottom: 14px; }\r\n.shop .fbhead p { color: var(--muted); margin: 0; font-size: 1.02rem; }\r\n\r\n\/* Grid uk\u0142adu osi *\/\r\n.shop .track2 {\r\n  position: relative; \r\n  z-index: 2; \r\n  display: grid; \r\n  grid-template-columns: repeat(4, 1fr); \r\n  gap: 20px;\r\n}\r\n\r\n\/* Pozioma linia \u0142\u0105cz\u0105ca kroki (ukrywana na mobile) *\/\r\n.shop .track2::before {\r\n  content: \"\"; position: absolute; top: 34px; left: 8%; right: 8%; height: 3px; \r\n  z-index: 0; border-radius: 3px;\r\n  background: linear-gradient(90deg, #e0d0d0, var(--red) 45%, var(--red-l));\r\n}\r\n\r\n\/* Pojedynczy krok *\/\r\n.shop .tnode { position: relative; z-index: 2; text-align: center; }\r\n.shop .tnode .dotwrap {\r\n  width: 70px; height: 70px; margin: 0 auto 20px; border-radius: 20px; \r\n  display: grid; place-items: center;\r\n  background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-card); \r\n  color: var(--red); position: relative; transition: transform .3s, box-shadow .3s;\r\n}\r\n.shop .tnode:hover .dotwrap { transform: translateY(-5px) scale(1.04); box-shadow: var(--sh-lift); }\r\n.shop .tnode .dotwrap svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* Wyr\u00f3\u017cniony du\u017cy krok (Krok 2) *\/\r\n.shop .tnode.big .dotwrap {\r\n  background: linear-gradient(140deg, var(--red), var(--red-d)); \r\n  color: #fff; border-color: transparent; \r\n  box-shadow: 0 18px 36px -12px rgba(214,76,76,.7);\r\n}\r\n\r\n.shop .tnode .step { \r\n  font-size: .7rem; font-weight: 700; letter-spacing: .14em; \r\n  text-transform: uppercase; color: var(--red); margin-bottom: 6px; \r\n}\r\n.shop .tnode h3 { font-size: 1.15rem; margin-bottom: 8px; }\r\n.shop .tnode p { color: var(--muted); font-size: .9rem; margin: 0; padding: 0 6px; }\r\n\r\n\/* ============================================================ \r\n   RWD (Responsywno\u015b\u0107)\r\n============================================================ *\/\r\n@media (max-width: 960px) {\r\n  .shop .track2 { grid-template-columns: 1fr 1fr; gap: 32px 20px; }\r\n  .shop .track2::before { display: none; } \/* Ukrywamy lini\u0119 \u0142\u0105cz\u0105c\u0105 przy przej\u015bciu na 2 kolumny *\/\r\n}\r\n@media (max-width: 600px) {\r\n  .shop .wrap { padding: 0 18px; }\r\n  .shop .flowb { padding: 66px 0; }\r\n  .shop .track2 { grid-template-columns: 1fr; gap: 28px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .shop * { transition: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <!-- Sekcja g\u0142\u00f3wna -->\r\n  <section class=\"flowb\">\r\n    <div class=\"wrap\">\r\n      \r\n      <!-- Nag\u0142\u00f3wek -->\r\n      <div class=\"fbhead\">\r\n        <span class=\"ey c\">Dlaczego sklep online<\/span>\r\n        <h2>Od lokalnego biznesu do sprzeda\u017cy 24\/7<\/h2>\r\n        <p>Zobacz, jak sklep internetowy zmienia spos\u00f3b, w jaki docierasz do klient\u00f3w i zarabiasz \u2014 krok po kroku.<\/p>\r\n      <\/div>\r\n      \r\n      <!-- O\u015b z krokami -->\r\n      <div class=\"track2\">\r\n        <!-- Krok 1 -->\r\n        <div class=\"tnode\">\r\n          <div class=\"dotwrap\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"step\">Punkt startu<\/div>\r\n          <h3>Sprzeda\u017c lokalna<\/h3>\r\n          <p>Docierasz tylko do klient\u00f3w z okolicy, w godzinach otwarcia.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Krok 2 -->\r\n        <div class=\"tnode\">\r\n          <div class=\"dotwrap\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"step\">Krok 1<\/div>\r\n          <h3>Wej\u015bcie online<\/h3>\r\n          <p>Sklep otwiera drzwi do klient\u00f3w z ca\u0142ej Polski, przez ca\u0142\u0105 dob\u0119.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Krok 3 (Wyr\u00f3\u017cniony) -->\r\n        <div class=\"tnode big\">\r\n          <div class=\"dotwrap\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"step\">Krok 2<\/div>\r\n          <h3>Automatyzacja<\/h3>\r\n          <p>Zam\u00f3wienia, p\u0142atno\u015bci i wysy\u0142ki obs\u0142uguj\u0105 si\u0119 same. Zyskujesz czas.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Krok 4 -->\r\n        <div class=\"tnode\">\r\n          <div class=\"dotwrap\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l4-4 3 3 5-6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"step\">Efekt<\/div>\r\n          <h3>Wzrost sprzeda\u017cy<\/h3>\r\n          <p>Nowy kana\u0142 przychodu, powracaj\u0105cy klienci i decyzje oparte na danych.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ec653b e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"6ec653b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e04a8c1 elementor-widget elementor-widget-html\" data-id=\"e04a8c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n\/* ============================================================\r\n   KANIA MEDIA \u2014 Sekcja \"Realizacje\" (Sklepy internetowe)\r\n   Wydzielone style globalne i komponentowe\r\n============================================================ *\/\r\n.shop {\r\n  --red: #E64C4C; --red-d: #cf3d3d; --red-dd: #a82f2f; --red-l: #f27b7b;\r\n  --red-050: #fdeeee; --red-025: #fef6f6; --red-100: #fbdcdc;\r\n  --ink: #1a1416; --ink-2: #4a3f42; --muted: #8a7d80;\r\n  --line: #f2e6e6; --paper: #fff; --wash: #fdf7f6;\r\n  --r-lg: 28px; --r-md: 20px; --r-sm: 14px;\r\n  --sh-card: 0 14px 40px -20px rgba(168,47,47,.2);\r\n  --sh-lift: 0 34px 80px -30px rgba(168,47,47,.38);\r\n  --sh-soft: 0 20px 55px -22px rgba(214,76,76,.28);\r\n  --maxw: 1200px;\r\n  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\r\n  color: var(--ink); font-weight: 600; line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased; position: relative; overflow: hidden; background: #fff; isolation: isolate;\r\n}\r\n.shop * { box-sizing: border-box; }\r\n.shop a { text-decoration: none; color: inherit; }\r\n.shop h2, .shop h3 { margin: 0; font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); }\r\n.shop p, .shop span, .shop a, .shop div { font-weight: 600; }\r\n.shop .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 26px; }\r\n\r\n.shop .ey { display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--red); margin-bottom: 16px; }\r\n.shop .ey::before { content: \"\"; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--red), var(--red-l)); }\r\n\r\n.shop .btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 999px; font-weight: 700; font-size: .94rem; border: none; cursor: pointer; transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .28s, color .28s; }\r\n.shop .btn svg { width: 16px; height: 16px; transition: transform .28s; }\r\n.shop .btn:hover svg { transform: translateX(4px); }\r\n.shop .btn-2 { background: #fff; color: var(--ink); border: 1.5px solid var(--line); box-shadow: var(--sh-card); }\r\n.shop .btn-2:hover { transform: translateY(-2px); color: var(--red); border-color: var(--red-100); }\r\n\r\n.shop .blob { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; filter: blur(6px); }\r\n\r\n\/* ============================================================ REALIZACJE SKLEP\u00d3W (galeria) *\/\r\n.shop .real { position: relative; z-index: 2; padding: 96px 0; background: #fff; overflow: hidden; }\r\n.shop .real .b1 { width: 420px; height: 420px; right: -150px; top: 8%; background: radial-gradient(circle, var(--red-050), rgba(253,238,238,0) 70%); }\r\n.shop .rtop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }\r\n.shop .rtop .rt-tx { max-width: 600px; }\r\n.shop .rtop h2 { font-size: clamp(2rem, 3.8vw, 2.75rem); margin: 12px 0 12px; }\r\n.shop .rtop p { color: var(--muted); margin: 0; font-size: 1rem; }\r\n.shop .rgrid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; }\r\n.shop .rcard { position: relative; border-radius: var(--r-lg); overflow: hidden; min-height: 230px; box-shadow: var(--sh-card); border: 1px solid var(--line); display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-position: center; transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; cursor: pointer; }\r\n.shop .rcard:hover { transform: translateY(-6px); box-shadow: var(--sh-lift); }\r\n.shop .rcard::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,10,12,0) 30%, rgba(20,10,12,.82) 100%); z-index: 1; transition: background .4s; }\r\n.shop .rcard:hover::before { background: linear-gradient(180deg, rgba(20,10,12,.1) 10%, rgba(120,30,30,.85) 100%); }\r\n.shop .rcard.big { grid-row: span 2; }\r\n.shop .rcard .rc-in { position: relative; z-index: 2; padding: 26px; }\r\n.shop .rcard .rc-cat { display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; background: rgba(214,76,76,.9); padding: 5px 11px; border-radius: 999px; margin-bottom: 12px; }\r\n.shop .rcard h3 { color: #fff; font-size: 1.35rem; margin-bottom: 6px; }\r\n.shop .rcard.big h3 { font-size: 1.7rem; }\r\n.shop .rcard p { color: rgba(255,255,255,.8); font-size: .9rem; margin: 0; }\r\n.shop .rcard .rc-arrow { position: absolute; top: 22px; right: 22px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.15); backdrop-filter: blur(4px); display: grid; place-items: center; opacity: 0; transform: translateY(-6px); transition: opacity .35s, transform .35s; }\r\n.shop .rcard:hover .rc-arrow { opacity: 1; transform: translateY(0); }\r\n.shop .rcard .rc-arrow svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* ============================================================ RWD *\/\r\n@media (max-width: 960px) {\r\n  .shop .rgrid { grid-template-columns: 1fr; grid-template-rows: none; }\r\n  .shop .rcard.big { grid-row: auto; }\r\n  .shop .rcard { min-height: 220px; }\r\n}\r\n@media (max-width: 600px) {\r\n  .shop .wrap { padding: 0 18px; }\r\n  .shop .rtop { flex-direction: column; align-items: flex-start; }\r\n  .shop .real { padding: 66px 0; }\r\n}\r\n@media (prefers-reduced-motion: reduce) { \r\n  .shop * { transition: none !important; animation: none !important; } \r\n}\r\n<\/style>\r\n\r\n<div class=\"shop\">\r\n  <!-- ==================== REALIZACJE SKLEP\u00d3W ==================== -->\r\n  <section class=\"real\">\r\n    <span class=\"blob b1\"><\/span>\r\n    <div class=\"wrap\">\r\n      <div class=\"rtop\">\r\n        <div class=\"rt-tx\">\r\n          <span class=\"ey\">Realizacje<\/span>\r\n          <h2>Sklepy, kt\u00f3re ju\u017c sprzedaj\u0105<\/h2>\r\n          <p>Wybrane wdro\u017cenia e-commerce, kt\u00f3re zbudowali\u015bmy dla naszych klient\u00f3w.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/kaniamedia.pl\/realizacje\" class=\"btn btn-2\">Wszystkie realizacje\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n      <\/div>\r\n      <div class=\"rgrid\">\r\n        <!-- PODMIE\u0143 background-image na w\u0142asne screeny realizacji -->\r\n        <div class=\"rcard big\" style=\"background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),url('https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=900&q=80')\">\r\n          <div class=\"rc-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/div>\r\n          <div class=\"rc-in\"><span class=\"rc-cat\">Moda<\/span><h3>Butik odzie\u017cowy online<\/h3><p>Sklep z kolekcjami sezonowymi, filtrami i szybkim koszykiem.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"rcard\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=700&q=80')\">\r\n          <div class=\"rc-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/div>\r\n          <div class=\"rc-in\"><span class=\"rc-cat\">Elektronika<\/span><h3>Sklep z akcesoriami<\/h3><p>Integracja z hurtowni\u0105 i automatyczne stany.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"rcard\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1556909212-d5b604d0c90d?auto=format&fit=crop&w=700&q=80')\">\r\n          <div class=\"rc-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg><\/div>\r\n          <div class=\"rc-in\"><span class=\"rc-cat\">Kosmetyki<\/span><h3>Marka piel\u0119gnacyjna<\/h3><p>Subskrypcje produkt\u00f3w i program lojalno\u015bciowy.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0727e70 e-con-full e-flex e-con e-parent\" data-id=\"0727e70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e54f2c6 elementor-widget elementor-widget-html\" data-id=\"e54f2c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* G\u0142\u00f3wny kontener - usuni\u0119to overflow: hidden, aby sticky mog\u0142o dzia\u0142a\u0107! *\/\r\n.km-fq-scene {\r\n  --ink: #1A1813;\r\n  --ink-2: #3C382F;\r\n  --mut: #6E6A60;\r\n  --mut-2: #9A958A;\r\n  --red: #E64C4C;\r\n  --line: rgba(26,24,19,.12);\r\n  --g-edge: rgba(255,255,255,.72);\r\n  --grad: linear-gradient(135deg, #f27b7b, #E64C4C 60%, #cf3d3d);\r\n  --f-d: 'Sora', sans-serif;\r\n  --f-s: 'Inter', sans-serif;\r\n\r\n  position: relative;\r\n  padding: clamp(32px, 5vw, 80px) clamp(16px, 4vw, 44px);\r\n  font-family: var(--f-s);\r\n  color: var(--ink);\r\n  -webkit-font-smoothing: antialiased;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.km-fq-scene * { box-sizing: inherit; }\r\n\r\n\/* T\u0142o z plamkami gradientu (Mesh Gradient) *\/\r\n.km-fq-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n.km-fq-blob {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  opacity: 0.6;\r\n  animation: km-float 12s infinite alternate ease-in-out;\r\n}\r\n.km-fq-blob-1 {\r\n  width: 45vw;\r\n  height: 45vw;\r\n  max-width: 600px;\r\n  max-height: 600px;\r\n  background: rgba(230, 76, 76, 0.12); \/* Firmowa czerwie\u0144 *\/\r\n  top: -10%;\r\n  left: -10%;\r\n}\r\n.km-fq-blob-2 {\r\n  width: 35vw;\r\n  height: 35vw;\r\n  max-width: 450px;\r\n  max-height: 450px;\r\n  background: rgba(242, 123, 123, 0.15); \/* Ja\u015bniejsza czerwie\u0144\/r\u00f3\u017c *\/\r\n  bottom: 0%;\r\n  right: -5%;\r\n  animation-delay: -5s;\r\n}\r\n.km-fq-blob-3 {\r\n  width: 30vw;\r\n  height: 30vw;\r\n  max-width: 400px;\r\n  max-height: 400px;\r\n  background: rgba(255, 220, 150, 0.15); \/* Ciep\u0142y dodatek *\/\r\n  top: 40%;\r\n  left: 45%;\r\n  animation-delay: -9s;\r\n}\r\n\r\n@keyframes km-float {\r\n  0% { transform: translate(0, 0) scale(1); }\r\n  100% { transform: translate(40px, 60px) scale(1.05); }\r\n}\r\n\r\n.km-fq-scene h2,\r\n.km-fq-scene h3 {\r\n  font-family: var(--f-d);\r\n  font-weight: 700;\r\n  letter-spacing: -.02em;\r\n  line-height: 1.15;\r\n  margin: 0;\r\n}\r\n\r\n\/* W\u0142a\u015bciwa tre\u015b\u0107 musi by\u0107 wy\u017cej ni\u017c t\u0142o *\/\r\n.km-fq-wrap { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }\r\n\r\n\/* nag\u0142\u00f3wek *\/\r\n.km-fq-head { margin-bottom: clamp(24px, 3vw, 38px); }\r\n.km-fq-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mut-2); }\r\n.km-fq-head h2 { font-size: clamp(28px, 4vw, 44px); margin-top: 10px; color: var(--ink); }\r\n\r\n\/* uk\u0142ad *\/\r\n.km-fq-grid { display: grid; grid-template-columns: 1.85fr .8fr; gap: clamp(24px, 4vw, 60px); align-items: start; }\r\n\r\n\/* ===== akordeon \u2014 minimalistyczna lista ===== *\/\r\n.km-fq-acc { border-top: 1px solid var(--line); }\r\n.km-fq-qa { border-bottom: 1px solid var(--line); }\r\n.km-fq-q { width: 100%; text-align: left; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 4px; font-family: var(--f-s); font-weight: 500; font-size: clamp(15px, 1.6vw, 17px); color: var(--ink-2); line-height: 1.4; transition: color .25s; }\r\n.km-fq-q:hover { color: var(--ink); }\r\n.km-fq-qa.km-fq-open .km-fq-q { color: var(--ink); }\r\n.km-fq-plus { flex: none; width: 22px; height: 22px; color: var(--mut-2); transition: transform .35s cubic-bezier(.22,1,.36,1), color .35s; }\r\n.km-fq-plus svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; }\r\n.km-fq-qa.km-fq-open .km-fq-plus { transform: rotate(45deg); color: var(--red); }\r\n.km-fq-a { max-height: 0; overflow: hidden; transition: max-height .4s cubic-bezier(.4,0,.2,1); }\r\n.km-fq-a p { margin: 0; padding: 0 4px 24px; font-size: 14.5px; line-height: 1.65; color: var(--mut); max-width: 64ch; }\r\n\r\n\/* ===== Szklana karta kontaktu (sticky) ===== *\/\r\n.km-fq-cc {\r\n  position: sticky;\r\n  top: clamp(80px, 12vh, 110px);\r\n  align-self: start;     \r\n  height: auto;          \r\n  border-radius: 20px;\r\n  padding: 26px;\r\n  background: linear-gradient(158deg, rgba(255,255,255,.6), rgba(255,255,255,.3));\r\n  backdrop-filter: blur(24px) saturate(155%);\r\n  -webkit-backdrop-filter: blur(24px) saturate(155%);\r\n  border: 1px solid var(--g-edge);\r\n  box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 18px 42px rgba(230,76,76,.06);\r\n}\r\n.km-fq-cc h3 { font-size: 18px; margin-bottom: 10px; color: var(--ink); }\r\n.km-fq-cc h3 .km-fq-qm { display: inline-flex; vertical-align: -3px; width: 18px; height: 18px; color: var(--red); margin-left: 3px; }\r\n.km-fq-cc h3 .km-fq-qm svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.km-fq-cc p { font-size: 14px; line-height: 1.6; color: var(--mut); margin: 0 0 20px 0; }\r\n\r\n.km-fq-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--f-d); font-weight: 600; font-size: 15px; padding: 13px 24px; border-radius: 999px; color: #ffffff; background: var(--grad); border: 1px solid rgba(255,255,255,.4); box-shadow: 0 10px 24px rgba(230,76,76,.34), 0 1px 0 rgba(255,255,255,.6) inset; transition: transform .3s, box-shadow .3s; text-decoration: none !important; }\r\n.km-fq-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(230,76,76,.44), 0 1px 0 rgba(255,255,255,.6) inset; color: #ffffff; }\r\n.km-fq-btn svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n@media(max-width: 860px){\r\n  .km-fq-grid { grid-template-columns: 1fr; gap: 40px; }\r\n  .km-fq-cc { position: static; }\r\n}\r\n@media(prefers-reduced-motion: reduce){\r\n  .km-fq-a, .km-fq-plus { transition: none; }\r\n  .km-fq-blob { animation: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"km-fq-scene\">\r\n  \r\n  <!-- T\u0142o animowanych gradient\u00f3w -->\r\n  <div class=\"km-fq-bg\">\r\n    <div class=\"km-fq-blob km-fq-blob-1\"><\/div>\r\n    <div class=\"km-fq-blob km-fq-blob-2\"><\/div>\r\n    <div class=\"km-fq-blob km-fq-blob-3\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"km-fq-wrap\">\r\n    <div class=\"km-fq-head\">\r\n      <div class=\"km-fq-eyebrow\">FAQ E-commerce<\/div>\r\n      <h2>Najcz\u0119\u015bciej zadawane pytania<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"km-fq-grid\">\r\n      <div class=\"km-fq-acc\" id=\"km-fq-acc\">\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Ile kosztuje za\u0142o\u017cenie sklepu internetowego? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Ceny ustalamy indywidualnie na podstawie skali projektu, ilo\u015bci produkt\u00f3w oraz potrzebnych funkcji i integracji. Koszt profesjonalnego wdro\u017cenia zaczyna si\u0119 zazwyczaj od kilku tysi\u0119cy z\u0142otych. Skontaktuj si\u0119 z nami, a przygotujemy darmow\u0105, szczeg\u00f3\u0142ow\u0105 wycen\u0119.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Na jakiej platformie budujecie sklepy? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>G\u0142\u00f3wnym silnikiem, z kt\u00f3rego korzystamy, jest sprawdzony i niezwykle elastyczny WooCommerce oparty na WordPressie. Daje to ogromne mo\u017cliwo\u015bci rozwoju w przysz\u0142o\u015bci i gwarantuje, \u017ce to Ty jeste\u015b pe\u0142noprawnym w\u0142a\u015bcicielem swojego e-commerce.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy wdro\u017cycie szybkie p\u0142atno\u015bci i systemy kurierskie? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Tak! Pod\u0142\u0105czamy bramki p\u0142atno\u015bci takie jak BLIK, PayU czy Przelewy24. Konfigurujemy r\u00f3wnie\u017c logistyk\u0119 wysy\u0142ek \u2013 od integracji z inPostem (Paczkomaty), przez automatyzacj\u0119 generowania etykiet, a\u017c po podpi\u0119cie systemu BaseLinker u\u0142atwiaj\u0105cego masow\u0105 obs\u0142ug\u0119 zam\u00f3wie\u0144.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy po oddaniu sklepu poradz\u0119 sobie z jego obs\u0142ug\u0105? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Zdecydowanie tak. Panel zarz\u0105dzania WooCommerce jest niezwykle intuicyjny. Po zako\u0144czeniu prac dostaniesz od nas dok\u0142adne instrukcje lub kr\u00f3tkie szkolenie, dzi\u0119ki czemu bez problemu samodzielnie dodasz nowy produkt, zmienisz cen\u0119 czy zrealizujesz zam\u00f3wienie.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Ile czasu zajmuje stworzenie gotowego e-commerce? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Czas realizacji zale\u017cy od stopnia zaawansowania projektu, liczby kategorii i dodatkowych funkcji. Zazwyczaj kompleksowe wdro\u017cenie w pe\u0142ni funkcjonuj\u0105cego sklepu internetowego zajmuje nam od 4 do 8 tygodni.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy sklep b\u0119dzie dzia\u0142a\u0142 dobrze na telefonach? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Oczywi\u015bcie. Wi\u0119kszo\u015b\u0107 ruchu w sklepach pochodzi dzi\u015b z urz\u0105dze\u0144 mobilnych. Projektujemy w pe\u0142ni responsywne rozwi\u0105zania, z optymalizowanym procesem koszyka i kasy, aby zakupy na smartfonie by\u0142y maksymalnie proste i szybkie.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy po uruchomieniu sklepu oferujecie wsparcie? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>Tak, ka\u017cdy oddany przez nas projekt obj\u0119ty jest gwarancj\u0105. Oferujemy r\u00f3wnie\u017c pakiety sta\u0142ej opieki administracyjnej, dzi\u0119ki kt\u00f3rym dbamy o kopie zapasowe, aktualizacje wtyczek bezpiecze\u0144stwa i stabilno\u015b\u0107 dzia\u0142ania platformy.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"km-fq-qa\">\r\n          <button class=\"km-fq-q\">Czy zajmujecie si\u0119 dodawaniem produkt\u00f3w? <span class=\"km-fq-plus\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 6v12M6 12h12\"\/><\/svg><\/span><\/button>\r\n          <div class=\"km-fq-a\"><p>W ramach wdro\u017cenia mo\u017cemy zaimportowa\u0107 Twoj\u0105 baz\u0119 produktow\u0105 (np. plik CSV z hurtowni) lub wprowadzi\u0107 pul\u0119 produkt\u00f3w testowych\/bazowych. W przypadku ogromnych sklep\u00f3w proces ten ustalamy indywidualnie, aby zachowa\u0107 najwy\u017csz\u0105 jako\u015b\u0107 danych i zdj\u0119\u0107.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"km-fq-cc\">\r\n        <h3>Masz dodatkowe pytania<span class=\"km-fq-qm\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.3 9.2a2.8 2.8 0 0 1 5.4 1c0 1.9-2.7 2.2-2.7 4\"\/><path d=\"M12 17h.01\"\/><\/svg><\/span><\/h3>\r\n        <p>Je\u015bli nie znalaz\u0142e\u015b odpowiedzi na temat funkcji sklepu czy integracji system\u00f3w p\u0142atno\u015bci, napisz do nas.<\/p>\r\n        <a href=\"#kontakt\" class=\"km-fq-btn\">Porozmawiajmy <svg viewBox=\"0 0 24 24\"><path d=\"M7 17 17 7M9 7h8v8\"\/><\/svg><\/a>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const acc = document.getElementById('km-fq-acc');\r\n  const items = [...acc.querySelectorAll('.km-fq-qa')];\r\n\r\n  function close(qa){\r\n    qa.classList.remove('km-fq-open');\r\n    qa.querySelector('.km-fq-a').style.maxHeight = '0px';\r\n  }\r\n  function open(qa){\r\n    qa.classList.add('km-fq-open');\r\n    const a = qa.querySelector('.km-fq-a');\r\n    a.style.maxHeight = a.scrollHeight + 'px';\r\n  }\r\n\r\n  items.forEach(qa => {\r\n    qa.querySelector('.km-fq-q').addEventListener('click', () => {\r\n      const isOpen = qa.classList.contains('km-fq-open');\r\n      items.forEach(close);\r\n      if(!isOpen) open(qa);\r\n    });\r\n  });\r\n\r\n  window.addEventListener('resize', () => {\r\n    const o = acc.querySelector('.km-fq-qa.km-fq-open');\r\n    if(o){\r\n      const a = o.querySelector('.km-fq-a');\r\n      a.style.maxHeight = a.scrollHeight + 'px';\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45d7177 e-flex e-con-boxed e-con e-parent\" data-id=\"45d7177\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f9f40c e-con-full e-grid e-con e-child\" data-id=\"4f9f40c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-06294c1 e-con-full e-flex e-con e-child\" data-id=\"06294c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c739e2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5c739e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"555\" height=\"232\" src=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png\" class=\"attachment-large size-large wp-image-6371\" alt=\"\" srcset=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png 555w, https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED-300x125.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-416be63 elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"416be63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">44-300 Wodzis\u0142aw \u015al\u0105ski<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ul. Wojska Polskiego 8<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">tel. 574 504 200<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c4453 elementor-widget__width-inherit e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"82c4453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-5a077ee\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-9490547\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-f99c9d8\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-repeater-item-561671d\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Envelope<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7eea5f7 e-con-full e-flex e-con e-child\" data-id=\"7eea5f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-873e52f elementor-widget elementor-widget-heading\" data-id=\"873e52f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Oferta<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-015901f elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"015901f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/strony-internetowe\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Strony intrernetowe<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/sklepy-internetowe\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Sklepy internetowe<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Projekty graficzne<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/uslugi-fotograficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fotografia<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bfe937 e-con-full e-flex e-con e-child\" data-id=\"8bfe937\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b17acb elementor-widget elementor-widget-heading\" data-id=\"3b17acb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pozosta\u0142e us\u0142ugi<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bc0097 e-con-full e-flex e-con e-child\" data-id=\"0bc0097\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2decf elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4a2decf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Rolki<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Miniatury<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ulotki<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wizyt\u00f3wki<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee35e9 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0ee35e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Posty<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Reklamy<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wsparcie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/kaniamedia.pl\/projekty-graficzne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SEO<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a929abd e-con-full e-flex e-con e-child\" data-id=\"a929abd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7646b90 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7646b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15a81d9 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"15a81d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72bb3c2 elementor-icon-list--layout-inline elementor-align-end elementor-widget__width-initial elementor-mobile-align-start elementor-widget-mobile__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"72bb3c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Polityka prywatno\u015bci<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nasza oferta<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Realizacje<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">O nas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Kontakt<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/Darmowa%20wy\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Darmowa wycena<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2137b48 e-con-full e-flex e-con e-child\" data-id=\"2137b48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47f7c02 elementor-icon-list--layout-inline elementor-align-end elementor-widget__width-initial elementor-mobile-align-end elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"47f7c02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Polityka prywatno\u015bci<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sklepy internetowe Sprzedawaj bez ogranicze\u0144 Tworzymy sklepy, kt\u00f3re nie tylko wygladaj\u0105 nowocze\u015bnie, ale realnie sprzedaj\u0105. Szybkie, wygodne w zakupach i gotowe na klient\u00f3w od pierwszego dnia. Zam\u00f3w projekt Zobacz realizacje \u2605\u2605\u2605\u2605\u26055,0 \u00b7 ponad 80 zrealizowanych projekt\u00f3w Koszyk gotowyP\u0142atno\u015bci online w 3 klikach SSL &amp; RODOBezpiecze\u0144stwo w standardzie 199 z\u0142 Wszystko w jednym Sklep wyposa\u017cony od&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-923","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sklepy Internetowe - Kania Media<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kaniamedia.pl\/en\/sklepy-internetowe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sklepy Internetowe - Kania Media\" \/>\n<meta property=\"og:description\" content=\"Sklepy internetowe Sprzedawaj bez ogranicze\u0144 Tworzymy sklepy, kt\u00f3re nie tylko wygladaj\u0105 nowocze\u015bnie, ale realnie sprzedaj\u0105. Szybkie, wygodne w zakupach i gotowe na klient\u00f3w od pierwszego dnia. Zam\u00f3w projekt Zobacz realizacje \u2605\u2605\u2605\u2605\u26055,0 \u00b7 ponad 80 zrealizowanych projekt\u00f3w Koszyk gotowyP\u0142atno\u015bci online w 3 klikach SSL &amp; RODOBezpiecze\u0144stwo w standardzie 199 z\u0142 Wszystko w jednym Sklep wyposa\u017cony od...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kaniamedia.pl\/en\/sklepy-internetowe\/\" \/>\n<meta property=\"og:site_name\" content=\"Kania Media\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T13:28:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png\" \/>\n\t<meta property=\"og:image:width\" content=\"555\" \/>\n\t<meta property=\"og:image:height\" content=\"232\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/\",\"name\":\"Sklepy Internetowe - Kania Media\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/KANIA-MEDIA-LOGO-RED.png\",\"datePublished\":\"2024-07-27T10:20:23+00:00\",\"dateModified\":\"2026-08-04T13:28:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/KANIA-MEDIA-LOGO-RED.png\",\"contentUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/KANIA-MEDIA-LOGO-RED.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/sklepy-internetowe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/kaniamedia.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sklepy Internetowe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#website\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"name\":\"Kania Media\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kaniamedia.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#organization\",\"name\":\"Kania Media\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png\",\"contentUrl\":\"https:\\\/\\\/kaniamedia.pl\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png\",\"width\":383,\"height\":154,\"caption\":\"Kania Media\"},\"image\":{\"@id\":\"https:\\\/\\\/kaniamedia.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Online Stores - Kania Media","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kaniamedia.pl\/en\/sklepy-internetowe\/","og_locale":"en_US","og_type":"article","og_title":"Sklepy Internetowe - Kania Media","og_description":"Sklepy internetowe Sprzedawaj bez ogranicze\u0144 Tworzymy sklepy, kt\u00f3re nie tylko wygladaj\u0105 nowocze\u015bnie, ale realnie sprzedaj\u0105. Szybkie, wygodne w zakupach i gotowe na klient\u00f3w od pierwszego dnia. Zam\u00f3w projekt Zobacz realizacje \u2605\u2605\u2605\u2605\u26055,0 \u00b7 ponad 80 zrealizowanych projekt\u00f3w Koszyk gotowyP\u0142atno\u015bci online w 3 klikach SSL &amp; RODOBezpiecze\u0144stwo w standardzie 199 z\u0142 Wszystko w jednym Sklep wyposa\u017cony od...","og_url":"https:\/\/kaniamedia.pl\/en\/sklepy-internetowe\/","og_site_name":"Kania Media","article_modified_time":"2026-08-04T13:28:32+00:00","og_image":[{"width":555,"height":232,"url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/","url":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/","name":"Online Stores - Kania Media","isPartOf":{"@id":"https:\/\/kaniamedia.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/#primaryimage"},"image":{"@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/#primaryimage"},"thumbnailUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png","datePublished":"2024-07-27T10:20:23+00:00","dateModified":"2026-08-04T13:28:32+00:00","breadcrumb":{"@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kaniamedia.pl\/sklepy-internetowe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/#primaryimage","url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png","contentUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2026\/07\/KANIA-MEDIA-LOGO-RED.png"},{"@type":"BreadcrumbList","@id":"https:\/\/kaniamedia.pl\/sklepy-internetowe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/kaniamedia.pl\/"},{"@type":"ListItem","position":2,"name":"Sklepy Internetowe"}]},{"@type":"WebSite","@id":"https:\/\/kaniamedia.pl\/#website","url":"https:\/\/kaniamedia.pl\/","name":"Kania Media","description":"","publisher":{"@id":"https:\/\/kaniamedia.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kaniamedia.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kaniamedia.pl\/#organization","name":"Kania Media","url":"https:\/\/kaniamedia.pl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kaniamedia.pl\/#\/schema\/logo\/image\/","url":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png","contentUrl":"https:\/\/kaniamedia.pl\/wp-content\/uploads\/2024\/08\/cropped-KANIA-MEDIA-LOGO-main-yellow1.png","width":383,"height":154,"caption":"Kania Media"},"image":{"@id":"https:\/\/kaniamedia.pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages\/923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":78,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":6559,"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/pages\/923\/revisions\/6559"}],"wp:attachment":[{"href":"https:\/\/kaniamedia.pl\/en\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}