{"id":13741,"date":"2026-10-21T17:41:55","date_gmt":"2026-10-21T17:41:55","guid":{"rendered":"https:\/\/shoehaven.pl\/?page_id=13741"},"modified":"2026-10-21T18:16:23","modified_gmt":"2026-10-21T18:16:23","slug":"13741-2","status":"publish","type":"page","link":"https:\/\/shoehaven.pl\/?page_id=13741","title":{"rendered":""},"content":{"rendered":"\n<!-- SHOEHAVEN \/ Kontakt: wklej do bloku \u201eW\u0142asny HTML\u201d w WordPress. -->\n<style>\n\/* Zapobiega poziomemu przewijaniu przez sekcj\u0119 100vw (nie psuje sticky headera) *\/\nbody{overflow-x:clip}\n\n\/* Usuwa puste odst\u0119py motywu nad i pod sekcj\u0105 (padding\/margin kontenera strony) *\/\nbody.page-id-13741 .entry-content,body.page-id-13741 .nm-page-default,body.page-id-13741 .nm-page-default-col{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}\n.entry-content:has(.shoe-contact),.nm-page-default:has(.shoe-contact),.nm-page-default-col:has(.shoe-contact){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}\n.entry-content:has(.shoe-contact)>p:empty,.entry-content:has(.shoe-contact)>br{display:none!important}\n\n\/* ===== SHOEHAVEN \u2013 Kontakt ===== *\/\n.shoe-contact{--sh-bg:#f2f1ef;--sh-panel:#f7f7f7;--sh-line:#dedede;--sh-text:#151515;--sh-sub:#5c5c5c;\n  box-sizing:border-box!important;position:relative;left:50%;margin-left:-50vw!important;margin-right:0!important;\n  width:100vw!important;max-width:none!important;min-width:0;background:#fff;color:var(--sh-text);\n  font-family:Arial,Helvetica,sans-serif;overflow:hidden;clear:both;-webkit-text-size-adjust:100%}\n.shoe-contact,.shoe-contact *,.shoe-contact *::before,.shoe-contact *::after{box-sizing:border-box}\n.shoe-contact .sh-wrap{width:min(100% - 64px,1284px)!important;max-width:1284px!important;margin-inline:auto!important;padding:0!important}\n\n\/* ----- HERO ----- *\/\n.shoe-contact .sh-hero{position:relative;min-height:252px;display:flex;align-items:center;background:var(--sh-bg);overflow:hidden}\n.shoe-contact .sh-hero::before{content:\"\";position:absolute;top:0;right:0;bottom:0;width:min(62%,820px);\n  background:url('https:\/\/shoehaven.pl\/wp-content\/uploads\/2026\/10\/shoehaven-kontakt-banner.png') right center\/cover no-repeat;\n  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%);pointer-events:none}\n.shoe-contact .sh-hero .sh-wrap{position:relative;z-index:1;padding-left:48px!important}\n.shoe-contact .sh-hero h1{margin:0 0 10px!important;color:#111!important;font-size:clamp(44px,5.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:800!important;text-transform:none!important}\n.shoe-contact .sh-hero p{margin:0!important;font-size:clamp(17px,1.7vw,23px)!important;line-height:1.4!important;color:#2d2d2d!important}\n\n\/* ----- UK\u0141AD G\u0141\u00d3WNY ----- *\/\n.shoe-contact .sh-grid{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;align-items:start;column-gap:50px!important;row-gap:28px!important;padding-top:22px!important;padding-bottom:56px!important}\n.shoe-contact .sh-form-panel{min-width:0;padding:30px 30px 28px!important;background:var(--sh-panel);border-radius:14px}\n.shoe-contact .sh-info{min-width:0;padding:12px 0 0!important}\n.shoe-contact h2{margin:0 0 8px!important;font-size:30px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.03em!important;color:var(--sh-text)!important;text-transform:none!important}\n.shoe-contact .sh-intro{margin:0 0 26px!important;color:var(--sh-sub)!important;font-size:15px!important;line-height:1.5!important;letter-spacing:0!important}\n\n\/* ----- FORMULARZ ----- *\/\n.shoe-contact .sh-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}\n.shoe-contact .sh-fields input,.shoe-contact .sh-fields select,.shoe-contact .sh-fields textarea{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:54px!important;padding:14px 16px!important;margin:0!important;border:1px solid var(--sh-line)!important;border-radius:8px!important;background-color:#fff!important;color:#161616!important;box-shadow:none!important;font:400 15px\/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}\n.shoe-contact .sh-fields select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:44px!important;cursor:pointer;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\")!important;\n  background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important}\n.shoe-contact .sh-fields select:invalid{color:#8a8a8a!important}\n.shoe-contact .sh-fields select option{color:#161616}\n.shoe-contact .sh-fields ::placeholder{color:#8a8a8a;opacity:1}\n.shoe-contact .sh-fields textarea{min-height:140px!important;resize:vertical}\n.shoe-contact .sh-fields input:focus,.shoe-contact .sh-fields select:focus,.shoe-contact .sh-fields textarea:focus{outline:2px solid #111;outline-offset:1px;border-color:#111!important}\n.shoe-contact .sh-fields .sh-wide{grid-column:1\/-1!important}\n.shoe-contact .sh-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:58px!important;margin:8px 0 0!important;padding:15px!important;border:0!important;border-radius:8px!important;background:#111!important;color:#fff!important;font:700 15px\/1.4 Arial,Helvetica,sans-serif!important;box-shadow:none!important;cursor:pointer!important;text-transform:none!important;transition:background .2s}\n.shoe-contact .sh-submit:hover{background:#333!important}\n.shoe-contact .sh-submit svg,.shoe-contact .sh-faq-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}\n\n\/* ----- SZYBKI KONTAKT ----- *\/\n.shoe-contact .sh-methods{display:grid!important;gap:20px!important}\n.shoe-contact .sh-method{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;min-width:0;min-height:64px!important;color:inherit!important;text-decoration:none!important}\n.shoe-contact .sh-icon{display:flex;align-items:center;justify-content:center;background:#f3f3f3;border-radius:12px;width:64px;height:64px}\n.shoe-contact .sh-icon svg{width:27px;height:27px;stroke:#111;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}\n.shoe-contact .sh-method h3{margin:0 0 4px!important;color:var(--sh-text)!important;font-size:19px!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important}\n.shoe-contact .sh-method h3:last-child{margin:0!important}\n.shoe-contact .sh-method .sh-value{display:block;font-size:18px;color:#171717;line-height:1.4}\n.shoe-contact .sh-method a{font-size:18px!important;color:#171717!important;text-decoration:none!important;overflow-wrap:anywhere;line-height:1.4!important}\n.shoe-contact .sh-method a:hover,.shoe-contact a.sh-method:hover h3{text-decoration:underline!important}\n\n\/* ----- BANER FAQ ----- *\/\n.shoe-contact .sh-faq{grid-column:1\/-1!important;display:flex!important;align-items:center!important;gap:24px!important;padding:26px 30px!important;background:var(--sh-panel);border-radius:14px}\n.shoe-contact .sh-faq-icon{flex:0 0 70px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#efefef;border-radius:12px}\n.shoe-contact .sh-faq-icon svg{width:32px;height:32px;stroke:#111;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}\n.shoe-contact .sh-faq-text{flex:1 1 auto;min-width:0}\n.shoe-contact .sh-faq-text h3{margin:0 0 6px!important;font-size:24px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.02em!important;color:var(--sh-text)!important;text-transform:none!important}\n.shoe-contact .sh-faq-text p{margin:0!important;max-width:420px;font-size:15px!important;line-height:1.5!important;color:var(--sh-sub)!important}\n.shoe-contact .sh-faq-btn{flex:0 0 auto;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:54px!important;padding:14px 36px!important;border:1px solid #111!important;border-radius:8px!important;background:#fff!important;color:#111!important;font:700 15px\/1.4 Arial,Helvetica,sans-serif!important;text-decoration:none!important;transition:background .2s,color .2s}\n.shoe-contact .sh-faq-btn:hover{background:#111!important;color:#fff!important}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:991px){\n  .shoe-contact .sh-wrap{width:min(100% - 40px,720px)!important}\n  .shoe-contact .sh-hero{min-height:220px}\n  .shoe-contact .sh-hero::before{width:70%}\n  .shoe-contact .sh-hero .sh-wrap{padding-left:0!important}\n  .shoe-contact .sh-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important;padding-top:24px!important;padding-bottom:44px!important}\n  .shoe-contact .sh-form-panel{padding:28px!important}\n  .shoe-contact .sh-info{padding:0 4px!important}\n  .shoe-contact .sh-info h2,.shoe-contact .sh-info .sh-intro{text-align:center!important}\n  .shoe-contact .sh-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important}\n}\n\n\/* ===== SMARTFON ===== *\/\n@media(max-width:600px){\n  .shoe-contact .sh-wrap{width:calc(100% - 32px)!important}\n  \/* Baner wsuwa si\u0119 pod sta\u0142y nag\u0142\u00f3wek motywu (#nm-header-placeholder = 50px), wi\u0119c nie ma bia\u0142ego pasa nad nim *\/\n  .shoe-contact{margin-top:-50px!important}\n  .shoe-contact .sh-hero{min-height:240px;padding-top:50px}\n  .shoe-contact .sh-hero::before{width:66%;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 25%,#000 80%);mask-image:linear-gradient(90deg,transparent 0,transparent 25%,#000 80%)}\n  .shoe-contact .sh-hero h1{font-size:42px!important}\n  .shoe-contact .sh-hero p{font-size:16px!important;max-width:240px}\n  .shoe-contact .sh-grid{padding-top:20px!important;padding-bottom:36px!important;row-gap:24px!important}\n  .shoe-contact .sh-form-panel{padding:22px 18px!important}\n  .shoe-contact h2{font-size:25px!important}\n  .shoe-contact .sh-intro{margin-bottom:20px!important}\n  .shoe-contact .sh-fields{grid-template-columns:minmax(0,1fr)!important}\n  \/* 16px zapobiega automatycznemu przybli\u017caniu na iPhonie *\/\n  .shoe-contact .sh-fields input,.shoe-contact .sh-fields select,.shoe-contact .sh-fields textarea{font-size:16px!important}\n  .shoe-contact .sh-info{padding:0 2px!important}\n  .shoe-contact .sh-methods{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}\n  .shoe-contact .sh-method{grid-template-columns:56px minmax(0,1fr)!important;gap:16px!important}\n  .shoe-contact .sh-icon{width:56px;height:56px}\n  .shoe-contact .sh-method h3{font-size:17px!important}\n  .shoe-contact .sh-method a,.shoe-contact .sh-method .sh-value{font-size:16px!important}\n  .shoe-contact .sh-faq{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:16px!important;padding:22px 18px!important}\n  .shoe-contact .sh-faq-icon{width:56px;height:56px;flex-basis:auto}\n  .shoe-contact .sh-faq-icon svg{width:28px;height:28px}\n  .shoe-contact .sh-faq-text h3{font-size:20px!important}\n  .shoe-contact .sh-faq-text p{font-size:14px!important}\n  .shoe-contact .sh-faq-btn{grid-column:1\/-1;width:100%}\n}\n@media(prefers-reduced-motion:reduce){.shoe-contact *{transition:none!important}}\n<\/style>\n\n<section class=\"shoe-contact\" aria-label=\"Kontakt Shoehaven\">\n  <div class=\"sh-hero\">\n    <div class=\"sh-wrap\"><h1>KONTAKT<\/h1><p>Masz pytania? Jeste\u015bmy tu, aby pom\u00f3c.<\/p><\/div>\n  <\/div>\n\n  <div class=\"sh-wrap sh-grid\">\n    <div class=\"sh-form-panel\">\n      <h2>Napisz do nas<\/h2>\n      <p class=\"sh-intro\">Wype\u0142nij formularz, a odpowiemy najszybciej jak to mo\u017cliwe.<\/p>\n      <form id=\"sh-contact-form\" class=\"sh-fields\">\n        <input name=\"name\" type=\"text\" placeholder=\"Imi\u0119 i nazwisko\" aria-label=\"Imi\u0119 i nazwisko\" autocomplete=\"name\" required>\n        <input name=\"email\" type=\"email\" placeholder=\"Adres e-mail\" aria-label=\"Adres e-mail\" autocomplete=\"email\" required>\n        <select name=\"topic\" class=\"sh-wide\" required aria-label=\"Temat wiadomo\u015bci\">\n          <option value=\"\" disabled selected>Temat wiadomo\u015bci<\/option>\n          <option>Zapytanie o produkt<\/option>\n          <option>Moje zam\u00f3wienie<\/option>\n          <option>Dostawa i p\u0142atno\u015bci<\/option>\n          <option>Zwroty i wymiany<\/option>\n          <option>Autentyczno\u015b\u0107 produkt\u00f3w<\/option>\n          <option>Inne<\/option>\n        <\/select>\n        <textarea name=\"message\" class=\"sh-wide\" placeholder=\"Wiadomo\u015b\u0107\" aria-label=\"Wiadomo\u015b\u0107\" required><\/textarea>\n        <button class=\"sh-submit sh-wide\" type=\"submit\">Wy\u015blij wiadomo\u015b\u0107 <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/button>\n      <\/form>\n    <\/div>\n\n    <aside class=\"sh-info\">\n      <h2>Szybki kontakt<\/h2>\n      <p class=\"sh-intro\">Wybierz najwygodniejsz\u0105 dla siebie form\u0119 kontaktu.<\/p>\n      <div class=\"sh-methods\">\n        <div class=\"sh-method\">\n          <div class=\"sh-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><path d=\"m3 6 9 7 9-7\"><\/path><\/svg><\/div>\n          <div><h3>E-mail<\/h3><a href=\"mailto:kontakt@shoehaven.pl\">kontakt@shoehaven.pl<\/a><\/div>\n        <\/div>\n        <a class=\"sh-method\" href=\"https:\/\/m.me\/shoehaven.pl\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"sh-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"#111\" stroke=\"none\" d=\"M12 2C6.48 2 2 6.15 2 11.27c0 2.9 1.45 5.5 3.73 7.2V22l3.41-1.87c.91.25 1.87.39 2.86.39 5.52 0 10-4.15 10-9.27S17.52 2 12 2Z\"><\/path><path stroke=\"#f3f3f3\" stroke-width=\"1.6\" d=\"m6.5 14 4.2-4.5 3.3 2.7 3.5-2.7-4.2 4.5-3.3-2.7z\"><\/path><\/svg><\/div>\n          <div><h3>Messenger<\/h3><span class=\"sh-value\">ShoeHaven<\/span><\/div>\n        <\/a>\n        <div class=\"sh-method\">\n          <div class=\"sh-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16.4v3a2 2 0 0 1-2.2 2 18 18 0 0 1-7.9-2.8 18 18 0 0 1-5.5-5.5A18 18 0 0 1 2.6 5.2 2 2 0 0 1 4.6 3h3a2 2 0 0 1 2 1.7c.13.95.37 1.86.7 2.72a2 2 0 0 1-.45 2.1L8.6 10.8a14 14 0 0 0 4.6 4.6l1.28-1.25a2 2 0 0 1 2.1-.46c.86.33 1.77.57 2.72.7A2 2 0 0 1 21 16.4Z\"><\/path><\/svg><\/div>\n          <div><h3>Telefon<\/h3><a href=\"tel:+48123456789\">+48 123 456 789<\/a><\/div>\n        <\/div>\n        <div class=\"sh-method\">\n          <div class=\"sh-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"19\" height=\"19\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4.5\"><\/circle><circle cx=\"17.8\" cy=\"6.5\" r=\"1\" fill=\"#111\" stroke=\"none\"><\/circle><\/svg><\/div>\n          <div><h3>Instagram<\/h3><a href=\"https:\/\/www.instagram.com\/shoehaven.pl\/\" target=\"_blank\" rel=\"noopener noreferrer\">@shoehaven.pl<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/aside>\n\n    <div class=\"sh-faq\">\n      <div class=\"sh-faq-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 20.5l1.6-4.9A8.5 8.5 0 1 1 21 11.5Z\"><\/path><\/svg><\/div>\n      <div class=\"sh-faq-text\">\n        <h3>Najcz\u0119stsze pytania<\/h3>\n        <p>Sprawd\u017a odpowiedzi na najcz\u0119\u015bciej zadawane pytania w naszej sekcji FAQ.<\/p>\n      <\/div>\n      <a class=\"sh-faq-btn\" href=\"\/faq\/\">Przejd\u017a do FAQ <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const form=document.getElementById('sh-contact-form');\n  if(!form)return;\n  \/\/ Wersja demonstracyjna: otwiera aplikacj\u0119 pocztow\u0105 klienta; nie wysy\u0142a z serwera.\n  form.addEventListener('submit',function(e){\n    e.preventDefault();if(!form.reportValidity())return;\n    const data=new FormData(form);\n    const subject=String(data.get('topic')||'Kontakt Shoehaven');\n    const body='Imi\u0119 i nazwisko: '+data.get('name')+'\\nE-mail: '+data.get('email')+'\\n\\n'+data.get('message');\n    window.location.href='mailto:kontakt@shoehaven.pl?subject='+encodeURIComponent(subject)+'&body='+encodeURIComponent(body);\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>KONTAKT Masz pytania? Jeste\u015bmy tu, aby pom\u00f3c. Napisz do nas Wype\u0142nij formularz, a odpowiemy najszybciej jak to mo\u017cliwe. Temat wiadomo\u015bciZapytanie o produktMoje zam\u00f3wienieDostawa i p\u0142atno\u015bciZwroty i wymianyAutentyczno\u015b\u0107 produkt\u00f3wInne Wy\u015blij wiadomo\u015b\u0107 Szybki kontakt Wybierz najwygodniejsz\u0105 dla siebie form\u0119 kontaktu. E-mail kontakt@shoehaven.pl Messenger ShoeHaven Telefon +48 123 456 789 Instagram @shoehaven.pl Najcz\u0119stsze pytania Sprawd\u017a odpowiedzi na najcz\u0119\u015bciej &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13741","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/pages\/13741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoehaven.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13741"}],"version-history":[{"count":5,"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/pages\/13741\/revisions"}],"predecessor-version":[{"id":13750,"href":"https:\/\/shoehaven.pl\/index.php?rest_route=\/wp\/v2\/pages\/13741\/revisions\/13750"}],"wp:attachment":[{"href":"https:\/\/shoehaven.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}