{"id":24,"date":"2026-03-09T18:58:29","date_gmt":"2026-03-09T18:58:29","guid":{"rendered":"http:\/\/answir.pl\/?page_id=24"},"modified":"2026-05-22T09:06:34","modified_gmt":"2026-05-22T09:06:34","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/answir.pl\/en\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title><\/title>\n\n  <!-- Fonty zbli\u017cone do stylu ze screen\u00f3w -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&#038;family=Manrope:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    :root {\n      --bg: #f5f3ef;\n      --paper: #efebe5;\n      --card: #f1ede7;\n      --white: #ffffff;\n      --text: #2f2d2a;\n      --muted: #726d66;\n      --line: #ddd6cc;\n      --accent: #9d9487;\n      --accent-dark: #7e7569;\n      --shadow: 0 12px 30px rgba(55, 45, 35, 0.08);\n      --radius-xl: 28px;\n      --radius-lg: 22px;\n      --radius-md: 16px;\n      --container: 1180px;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      background: var(--bg);\n      color: var(--text);\n      font-family: \"Manrope\", sans-serif;\n      line-height: 1.6;\n    }\n\n    img {\n      max-width: 100%;\n      display: block;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .container {\n      width: min(var(--container), calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    \/* HERO \/ NAG\u0141\u00d3WEK *\/\n    .portfolio-hero {\n      padding: 110px 0 55px;\n    }\n\n    .portfolio-hero__box {\n      max-width: 900px;\n      margin: 0 auto;\n      text-align: center;\n      padding: 40px 20px 0;\n    }\n\n    .portfolio-hero__title {\n      margin: 0 0 18px;\n      font-family: \"Cormorant Garamond\", serif;\n      font-size: clamp(48px, 8vw, 92px);\n      line-height: 0.95;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n    }\n\n    .portfolio-hero__text {\n      max-width: 820px;\n      margin: 0 auto;\n      font-size: clamp(18px, 2.1vw, 22px);\n      color: var(--muted);\n    }\n\n    \/* SEKCJA *\/\n    .portfolio-section {\n      padding: 20px 0 90px;\n    }\n\n    .section-heading {\n      margin: 0 0 28px;\n      font-family: \"Cormorant Garamond\", serif;\n      font-size: clamp(42px, 5vw, 66px);\n      line-height: 1;\n      font-weight: 700;\n    }\n\n    .section-subtext {\n      max-width: 780px;\n      margin: -10px 0 40px;\n      color: var(--muted);\n      font-size: 18px;\n    }\n\n    \/* GRID *\/\n    .portfolio-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n    }\n\n    .portfolio-card {\n      background: var(--card);\n      border: 1px solid rgba(0,0,0,0.03);\n      border-radius: var(--radius-xl);\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      transition: transform 0.28s ease, box-shadow 0.28s ease;\n    }\n\n    .portfolio-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 18px 40px rgba(55, 45, 35, 0.12);\n    }\n\n    .portfolio-card__media {\n      position: relative;\n      aspect-ratio: 4 \/ 3;\n      background: #e8e1d7;\n      overflow: hidden;\n    }\n\n    .portfolio-card__media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.5s ease;\n    }\n\n    .portfolio-card:hover .portfolio-card__media img {\n      transform: scale(1.04);\n    }\n\n    .portfolio-card__button {\n      position: absolute;\n      left: 18px;\n      bottom: 18px;\n      border: 0;\n      background: rgba(95, 90, 82, 0.92);\n      color: #fff;\n      padding: 14px 22px;\n      border-radius: 999px;\n      font-family: inherit;\n      font-size: 15px;\n      font-weight: 700;\n      cursor: pointer;\n      transition: background 0.2s ease, transform 0.2s ease;\n      backdrop-filter: blur(6px);\n    }\n\n    .portfolio-card__button:hover {\n      background: rgba(70, 65, 58, 0.96);\n      transform: translateY(-1px);\n    }\n\n    .portfolio-card__content {\n      padding: 24px 24px 26px;\n      background: rgba(255,255,255,0.55);\n    }\n\n    .portfolio-card__title {\n      margin: 0 0 8px;\n      font-size: 22px;\n      line-height: 1.2;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n    }\n\n    .portfolio-card__meta {\n      display: inline-block;\n      margin-bottom: 14px;\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--accent-dark);\n    }\n\n    .portfolio-card__text {\n      margin: 0;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    \/* MODAL *\/\n    .portfolio-modal {\n      position: fixed;\n      inset: 0;\n      z-index: 9999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 28px;\n      background: rgba(25, 22, 19, 0.68);\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n      transition: opacity 0.25s ease, visibility 0.25s ease;\n    }\n\n    .portfolio-modal.is-open {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n    }\n\n    .portfolio-modal__dialog {\n      width: min(1180px, 100%);\n      max-height: 90vh;\n      background: #f8f5f0;\n      border-radius: 30px;\n      overflow: hidden;\n      box-shadow: 0 30px 80px rgba(0,0,0,0.24);\n      display: grid;\n      grid-template-columns: 1.25fr 0.75fr;\n    }\n\n    .portfolio-modal__gallery {\n      position: relative;\n      background: #ebe5dc;\n      min-height: 540px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 28px;\n    }\n\n    .portfolio-modal__image {\n      width: 100%;\n      height: 100%;\n      max-height: 70vh;\n      object-fit: contain;\n      border-radius: 18px;\n      background: #ddd5ca;\n    }\n\n    .portfolio-modal__arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 54px;\n      height: 54px;\n      border: 0;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.9);\n      color: var(--text);\n      font-size: 28px;\n      cursor: pointer;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.12);\n      transition: transform 0.2s ease, background 0.2s ease;\n    }\n\n    .portfolio-modal__arrow:hover {\n      background: #fff;\n    }\n\n    .portfolio-modal__arrow--prev {\n      left: 18px;\n    }\n\n    .portfolio-modal__arrow--next {\n      right: 18px;\n    }\n\n    .portfolio-modal__side {\n      background: #f8f5f0;\n      padding: 34px 30px 28px;\n      overflow-y: auto;\n      position: relative;\n    }\n\n    .portfolio-modal__close {\n      position: absolute;\n      top: 18px;\n      right: 18px;\n      width: 46px;\n      height: 46px;\n      border: 0;\n      border-radius: 50%;\n      background: #ece5db;\n      color: var(--text);\n      font-size: 22px;\n      cursor: pointer;\n    }\n\n    .portfolio-modal__title {\n      margin: 28px 0 10px;\n      font-family: \"Cormorant Garamond\", serif;\n      font-size: 48px;\n      line-height: 0.95;\n      font-weight: 700;\n    }\n\n    .portfolio-modal__meta {\n      display: inline-block;\n      margin-bottom: 18px;\n      color: var(--accent-dark);\n      font-weight: 700;\n      font-size: 15px;\n    }\n\n    .portfolio-modal__desc {\n      margin: 0 0 24px;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    .portfolio-modal__thumbs {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n    }\n\n    .portfolio-modal__thumb {\n      border: 0;\n      padding: 0;\n      background: none;\n      cursor: pointer;\n      border-radius: 14px;\n      overflow: hidden;\n      box-shadow: inset 0 0 0 2px transparent;\n      transition: box-shadow 0.2s ease, transform 0.2s ease;\n    }\n\n    .portfolio-modal__thumb.is-active {\n      box-shadow: inset 0 0 0 2px var(--accent-dark);\n    }\n\n    .portfolio-modal__thumb:hover {\n      transform: translateY(-2px);\n    }\n\n    .portfolio-modal__thumb img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n    }\n\n    .portfolio-modal__counter {\n      margin-top: 16px;\n      font-size: 14px;\n      color: var(--muted);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1080px) {\n      .portfolio-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .portfolio-modal__dialog {\n        grid-template-columns: 1fr;\n      }\n\n      .portfolio-modal__gallery {\n        min-height: 420px;\n      }\n\n      .portfolio-modal__title {\n        font-size: 40px;\n      }\n    }\n\n    @media (max-width: 700px) {\n      .portfolio-hero {\n        padding-top: 80px;\n      }\n\n      .portfolio-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n      .portfolio-modal {\n        padding: 14px;\n      }\n\n      .portfolio-modal__gallery {\n        min-height: 320px;\n        padding: 18px;\n      }\n\n      .portfolio-modal__side {\n        padding: 24px 20px 20px;\n      }\n\n      .portfolio-modal__thumbs {\n        grid-template-columns: repeat(3, 1fr);\n      }\n\n      .portfolio-modal__arrow {\n        width: 46px;\n        height: 46px;\n        font-size: 24px;\n      }\n\n      .portfolio-card__content {\n        padding: 20px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <main>\n   <section class=\"portfolio-section\">\n      <div class=\"container\">\n        <h2 class=\"section-heading\">Nasze realizacje<\/h2>\n        <p class=\"section-subtext\">\n          Kliknij w wybran\u0105 realizacj\u0119, aby otworzy\u0107 galeri\u0119 zdj\u0119\u0107 w oknie modalnym i przewija\u0107 zdj\u0119cia.\n        <\/p>\n\n        <div class=\"portfolio-grid\">\n          <!-- KARTA 1 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna ogrodowa KIM\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Kompaktowa sauna ogrodowa zaprojektowana z my\u015bl\u0105 o nowoczesnej, oszcz\u0119dnej formie. W projekcie postawili\u015bmy na ciep\u0142e wyko\u0144czenie drewna, przeszklony front i dopracowane detale.\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.47.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.45-e1773218799946.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.51.jpeg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg\" \nalt=\"Sauna ogrodowa KIM\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna ogrodowa KIM<\/h3>\n              <span class=\"portfolio-card__meta\">Nowoczesna forma<\/span>\n              <p class=\"portfolio-card__text\">\n                Minimalistyczna bry\u0142a, drewniane wyko\u0144czenie i elegancki charakter dopasowany do nowoczesnych ogrod\u00f3w.\n              <\/p>\n            <\/div>\n          <\/article>\n\n<!-- KARTA 2 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna ogrodowa PANORAMA\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Minimalistyczna bry\u0142a z du\u017cym panoramicznym przeszkleniem, kt\u00f3re otwiera wn\u0119trze sauny na przestrze\u0144 ogrodu.\"\n\n            data-images='[ \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/sauna_photo_3-e1773254933524.jpg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/sauna_photo_2.jpg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/sauna_photo_1.jpg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.48.42.jpeg\" alt=\"Sauna ogrodowa PANORAMA\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna ogrodowa PANORAMA<\/h3>\n              <span class=\"portfolio-card__meta\">Nowoczesna elegancja<\/span>\n              <p class=\"portfolio-card__text\">\n               Prosty projekt i naturalne materia\u0142y tworz\u0105 funkcjonaln\u0105 stref\u0119 relaksu w ogrodzie.\n\n              <\/p>\n            <\/div>\n          <\/article>\n\n<!-- KARTA 3 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna ogrodowa Nuke\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Ciemna elewacja i minimalistyczna forma podkre\u015blaj\u0105 nowoczesny charakter sauny, zaprojektowanej jako elegancka strefa relaksu w ogrodzie.\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_8871.heic\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_8874.heic\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_8880.heic\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_8902.heic\" alt=\"Sauna ogrodowa Nuke\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna ogrodowa Nuke<\/h3>\n              <span class=\"portfolio-card__meta\">Nowoczesna bry\u0142a<\/span>\n              <p class=\"portfolio-card__text\">\n               Prosty, geometryczny kszta\u0142t i naturalne materia\u0142y tworz\u0105 sp\u00f3jn\u0105 i ponadczasow\u0105 ca\u0142o\u015b\u0107.\n\n              <\/p>\n            <\/div>\n          <\/article>\n\n          <!-- KARTA 4 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna box 3.5\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Sauna ogrodowa\nRealizacja \u2022 2025\nNowoczesna sauna ogrodowa wykonana ze \u015bwierku skandynawskiego, z panoramicznym przeszkleniem oraz naturalnym wyko\u0144czeniem wn\u0119trza. Wymiary: 2,35 \u00d7 3,71 \u00d7 2,7 m. Konstrukcja: bale \u015bwierkowe 43 mm. Pod\u0142oga: podw\u00f3jna 70 mm. Dach: jednospadowy, pokrycie blacha trapezowa. Wn\u0119trze: \u0142awki i oparcia z osiki klasy A. Okno panoramiczne + drzwi ze szk\u0142a hartowanego.O\u015bwietlenie LED.\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.46.08.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.45.50.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.45.46.jpeg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.45.36-1.jpeg\" alt=\"Sauna BOX 3.5\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna BOX 3.5<\/h3>\n              <span class=\"portfolio-card__meta\">Prosta architektura<\/span>\n              <p class=\"portfolio-card__text\">\n                Jasna estetyka, harmonijne proporcje i projekt dopracowany z my\u015bl\u0105 o ca\u0142orocznym u\u017cytkowaniu.\n              <\/p>\n            <\/div>\n          <\/article>\n\n          <!-- KARTA 5 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna BOX 5.5\"\n            data-meta=\"Realizacja \u2022 2024\"\n            data-description=\"Nowoczesna sauna ogrodowa o harmonijnych proporcjach, zaprojektowana z my\u015bl\u0105 o ca\u0142orocznym u\u017cytkowaniu.\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/uuid1B43E517-F5DD-442F-AD38-5E5E501B6542code001library1type1mode1loctruecaptrue.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/uuid715E5A5F-0E3C-4851-8813-2B3A895D965Acode001library1type1mode1loctruecaptrue.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/uuidF6E63568-24EA-47D5-8328-A62BFD52B0F0code001library1type1mode1loctruecaptrue.jpeg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/uuidFE9DAF3C-51C1-4F19-95E5-68754537F392code001library1type1mode1loctruecaptrue.jpeg\" alt=\"Altana drewniana CLASSIC\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna BOX 5.5<\/h3>\n              <span class=\"portfolio-card__meta\">Stolarka premium<\/span>\n              <p class=\"portfolio-card__text\">\n                Starannie wykonana konstrukcja z drewna z naciskiem na trwa\u0142o\u015b\u0107, elegancj\u0119 i naturalny charakter.\n              <\/p>\n            <\/div>\n          <\/article>\n\n  <!-- KARTA 5 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna box 3.5\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Sauna ogrodowa\nRealizacja \u2022 2025\nProsty, elegancki design dopasowany do przestrzeni ogrodu.\n235 \u00d7 371 cm \u2022 przedsionek 1,5 m \u2022 drzwi modrzewiowe \u2022 piec Harvia M3SL\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.46.36.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.46.44.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.46.45.jpeg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-11-o-19.04.46.jpeg\" alt=\"Sauna BOX 3.5\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna BOX 3.5<\/h3>\n              <span class=\"portfolio-card__meta\">Elegancka prostota<\/span>\n              <p class=\"portfolio-card__text\">\n                Minimalistyczna architektura i rozwi\u0105zania stworzone do codziennego relaksu.\n              <\/p>\n            <\/div>\n          <\/article>\n\n  \n\n  <!-- KARTA 7 -->\n          <article\n            class=\"portfolio-card\"\n            data-title=\"Sauna BOX 2.0\"\n            data-meta=\"Realizacja \u2022 2025\"\n            data-description=\"Kompaktowa sauna ogrodowa o nowoczesnej bryle i du\u017cym przeszkleniu, kt\u00f3re nadaje konstrukcji lekko\u015bci i podkre\u015bla jej nowoczesny charakter. Wymiary zewn\u0119trzne: 236 \u00d7 216 cm. Konstrukcja: bale \u015bwierkowe 43 mm \u2013 \u015bwierk skandynawski. Panoramiczne okno hartowane 1,96 \u00d7 2 m. Wn\u0119trze: \u0142awki i oparcia z osiki klasy A. Dach: jednospadowy, pokrycie blacha trapezowa. O\u015bwietlenie LED. Impregnacja Tikkurila\"\n            data-images='[\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.44.52-1.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.44.56-1.jpeg\",\n              \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.44.55-1.jpeg\"\n            ]'\n          >\n            <div class=\"portfolio-card__media\">\n              <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.44.51-1.jpeg\" alt=\"Sauna BOX 2.0\">\n              <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n            <\/div>\n            <div class=\"portfolio-card__content\">\n              <h3 class=\"portfolio-card__title\">Sauna BOX 2.0<\/h3>\n              <span class=\"portfolio-card__meta\">Minimalistyczna forma<\/span>\n              <p class=\"portfolio-card__text\">\n               Prosty projekt i naturalne materia\u0142y tworz\u0105 funkcjonaln\u0105 stref\u0119 relaksu w ogrodzie.\n\n              <\/p>\n            <\/div>\n          <\/article>\n\n<!-- KARTA 8 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Szafa ogrodowa BOX\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Minimalistyczna szafa ogrodowa zaprojektowana jako estetyczne i praktyczne miejsce do przechowywania narz\u0119dzi oraz wyposa\u017cenia ogrodu. Drewniana elewacja harmonijnie dopasowuje si\u0119 do nowoczesnej architektury domu.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.48.09-1.jpeg\",\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.48.08.jpeg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.48.09-1.jpeg\" alt=\"Szafa ogrodowa BOX\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Szafa ogrodowa BOX<\/h3>\n    <span class=\"portfolio-card__meta\">Prosta i funkcjonalna forma<\/span>\n    <p class=\"portfolio-card__text\">\n      Starannie dopracowane detale i solidna konstrukcja zapewniaj\u0105 trwa\u0142o\u015b\u0107 oraz wygod\u0119 u\u017cytkowania na co dzie\u0144.\n    <\/p>\n  <\/div>\n<\/article>\n\n<!-- KARTA 8 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Pa\u015bnik dla gryzoni Double\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Drewniany pa\u015bnik zaprojektowany z my\u015bl\u0105 o wygodnym i uporz\u0105dkowanym podawaniu siana oraz karmy dla ma\u0142ych zwierz\u0105t. W zestawie dwie miski na karm\u0119 i wod\u0119. Stabilna, \u0142atwa do czyszczenia konstrukcja.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5289.jpg\",\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5288.jpg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5290.jpg\" alt=\"Pa\u015bnik dla gryzoni Double\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Pa\u015bnik dla gryzoni Double<\/h3>\n    <span class=\"portfolio-card__meta\">Naturalna funkcjonalno\u015b\u0107<\/span>\n    <p class=\"portfolio-card__text\">\n      Prosta forma i naturalne materia\u0142y tworz\u0105 estetyczne oraz praktyczne rozwi\u0105zanie do codziennego u\u017cytkowania.\n    <\/p>\n  <\/div>\n<\/article>\n\n<!-- KARTA 9 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Pa\u015bnik dla gryzoni Basic\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Drewniany pa\u015bnik zaprojektowany z my\u015bl\u0105 o wygodnym i uporz\u0105dkowanym podawaniu siana oraz karmy dla ma\u0142ych zwierz\u0105t. W zestawie dwie miski na karm\u0119 i wod\u0119. Stabilna, \u0142atwa do czyszczenia konstrukcja.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5224.jpg\",\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5223.jpg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5225.jpg\" alt=\"Pa\u015bnik dla gryzoni Basic\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Pa\u015bnik dla gryzoni Basic<\/h3>\n    <span class=\"portfolio-card__meta\">Naturalna funkcjonalno\u015b\u0107<\/span>\n    <p class=\"portfolio-card__text\">\n      Prosta forma i naturalne materia\u0142y tworz\u0105 estetyczne oraz praktyczne rozwi\u0105zanie do codziennego u\u017cytkowania.\n    <\/p>\n  <\/div>\n<\/article>\n\n<!-- KARTA 10 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Pa\u015bnik dla gryzoni Mini\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Drewniany pa\u015bnik zaprojektowany z my\u015bl\u0105 o wygodnym i uporz\u0105dkowanym podawaniu siana oraz karmy dla ma\u0142ych zwierz\u0105t. Stabilna, \u0142atwa do czyszczenia konstrukcja.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5218.jpg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5218.jpg\" alt=\"Pa\u015bnik dla gryzoni Mini\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Pa\u015bnik dla gryzoni Mini<\/h3>\n    <span class=\"portfolio-card__meta\">Naturalna funkcjonalno\u015b\u0107<\/span>\n    <p class=\"portfolio-card__text\">\n      Prosta forma i naturalne materia\u0142y tworz\u0105 estetyczne oraz praktyczne rozwi\u0105zanie do codziennego u\u017cytkowania.\n    <\/p>\n  <\/div>\n<\/article>\n\n<!-- KARTA 11 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Pa\u015bnik dla gryzoni Mini long\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Drewniany pa\u015bnik zaprojektowany z my\u015bl\u0105 o wygodnym i uporz\u0105dkowanym podawaniu siana oraz karmy dla ma\u0142ych zwierz\u0105t. Stabilna, \u0142atwa do czyszczenia konstrukcja.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5221.jpg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5222.jpg\" alt=\"Pa\u015bnik dla gryzoni Mini long\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Pa\u015bnik dla gryzoni Mini long<\/h3>\n    <span class=\"portfolio-card__meta\">Naturalna funkcjonalno\u015b\u0107<\/span>\n    <p class=\"portfolio-card__text\">\n      Prosta forma i naturalne materia\u0142y tworz\u0105 estetyczne oraz praktyczne rozwi\u0105zanie do codziennego u\u017cytkowania.\n    <\/p>\n  <\/div>\n<\/article>\n\n<!-- KARTA 12 -->\n<article\n  class=\"portfolio-card\"\n  data-title=\"Pa\u015bnik dla gryzoni Modern\"\n  data-meta=\"Realizacja \u2022 2025\"\n  data-description=\"Drewniany pa\u015bnik zaprojektowany z my\u015bl\u0105 o wygodnym i uporz\u0105dkowanym podawaniu siana oraz karmy dla ma\u0142ych zwierz\u0105t. W zestawie dwie miski na karm\u0119 i wod\u0119. Stabilna, \u0142atwa do czyszczenia konstrukcja.\"\n  data-images='[\n    \"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5227.jpg\"\n  ]'\n>\n  <div class=\"portfolio-card__media\">\n    <img decoding=\"async\" src=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/IMG_5226.jpg\" alt=\"Pa\u015bnik dla gryzoni Modern\">\n    <button class=\"portfolio-card__button\" type=\"button\">Zobacz realizacj\u0119<\/button>\n  <\/div>\n\n  <div class=\"portfolio-card__content\">\n    <h3 class=\"portfolio-card__title\">Pa\u015bnik dla gryzoni Modern<\/h3>\n    <span class=\"portfolio-card__meta\">Naturalna funkcjonalno\u015b\u0107<\/span>\n    <p class=\"portfolio-card__text\">\n      Prosta forma i naturalne materia\u0142y tworz\u0105 estetyczne oraz praktyczne rozwi\u0105zanie do codziennego u\u017cytkowania.\n    <\/p>\n  <\/div>\n<\/article>\n\n\n \n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- MODAL -->\n  <div class=\"portfolio-modal\" id=\"portfolioModal\" aria-hidden=\"true\">\n    <div class=\"portfolio-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n      <div class=\"portfolio-modal__gallery\">\n        <button class=\"portfolio-modal__arrow portfolio-modal__arrow--prev\" id=\"prevBtn\" aria-label=\"Poprzednie zdj\u0119cie\">\u2039<\/button>\n        <img decoding=\"async\" class=\"portfolio-modal__image\" id=\"modalImage\" src=\"\" alt=\"\">\n        <button class=\"portfolio-modal__arrow portfolio-modal__arrow--next\" id=\"nextBtn\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\u203a<\/button>\n      <\/div>\n\n      <div class=\"portfolio-modal__side\">\n        <button class=\"portfolio-modal__close\" id=\"closeBtn\" aria-label=\"Zamknij modal\">\u2715<\/button>\n\n        <h3 class=\"portfolio-modal__title\" id=\"modalTitle\"><\/h3>\n        <div class=\"portfolio-modal__meta\" id=\"modalMeta\"><\/div>\n        <p class=\"portfolio-modal__desc\" id=\"modalDesc\"><\/p>\n\n        <div class=\"portfolio-modal__thumbs\" id=\"modalThumbs\"><\/div>\n        <div class=\"portfolio-modal__counter\" id=\"modalCounter\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    const modal = document.getElementById(\"portfolioModal\");\n    const modalImage = document.getElementById(\"modalImage\");\n    const modalTitle = document.getElementById(\"modalTitle\");\n    const modalMeta = document.getElementById(\"modalMeta\");\n    const modalDesc = document.getElementById(\"modalDesc\");\n    const modalThumbs = document.getElementById(\"modalThumbs\");\n    const modalCounter = document.getElementById(\"modalCounter\");\n    const closeBtn = document.getElementById(\"closeBtn\");\n    const prevBtn = document.getElementById(\"prevBtn\");\n    const nextBtn = document.getElementById(\"nextBtn\");\n\n    let currentImages = [];\n    let currentIndex = 0;\n\n    function renderImage() {\n      modalImage.src = currentImages[currentIndex];\n      modalImage.alt = modalTitle.textContent + \" - zdj\u0119cie \" + (currentIndex + 1);\n      modalCounter.textContent = `Zdj\u0119cie ${currentIndex + 1} z ${currentImages.length}`;\n\n      [...modalThumbs.children].forEach((thumb, index) => {\n        thumb.classList.toggle(\"is-active\", index === currentIndex);\n      });\n    }\n\n    function createThumbs(images) {\n      modalThumbs.innerHTML = \"\";\n\n      images.forEach((imgSrc, index) => {\n        const btn = document.createElement(\"button\");\n        btn.className = \"portfolio-modal__thumb\";\n        btn.type = \"button\";\n        btn.setAttribute(\"aria-label\", `Poka\u017c zdj\u0119cie ${index + 1}`);\n\n        const img = document.createElement(\"img\");\n        img.src = imgSrc;\n        img.alt = `Miniatura ${index + 1}`;\n\n        btn.appendChild(img);\n\n        btn.addEventListener(\"click\", () => {\n          currentIndex = index;\n          renderImage();\n        });\n\n        modalThumbs.appendChild(btn);\n      });\n    }\n\n    function openModal(card) {\n      currentImages = JSON.parse(card.dataset.images || \"[]\");\n      currentIndex = 0;\n\n      modalTitle.textContent = card.dataset.title || \"\";\n      modalMeta.textContent = card.dataset.meta || \"\";\n      modalDesc.textContent = card.dataset.description || \"\";\n\n      createThumbs(currentImages);\n      renderImage();\n\n      modal.classList.add(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"false\");\n      document.body.style.overflow = \"hidden\";\n    }\n\n    function closeModal() {\n      modal.classList.remove(\"is-open\");\n      modal.setAttribute(\"aria-hidden\", \"true\");\n      document.body.style.overflow = \"\";\n      modalImage.src = \"\";\n      modalThumbs.innerHTML = \"\";\n    }\n\n    function nextImage() {\n      if (!currentImages.length) return;\n      currentIndex = (currentIndex + 1) % currentImages.length;\n      renderImage();\n    }\n\n    function prevImage() {\n      if (!currentImages.length) return;\n      currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;\n      renderImage();\n    }\n\n    document.querySelectorAll(\".portfolio-card\").forEach(card => {\n      card.addEventListener(\"click\", (e) => {\n        const isButton = e.target.closest(\".portfolio-card__button\");\n        const isMedia = e.target.closest(\".portfolio-card__media\");\n        if (isButton || isMedia) {\n          openModal(card);\n        }\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", closeModal);\n    nextBtn.addEventListener(\"click\", nextImage);\n    prevBtn.addEventListener(\"click\", prevImage);\n\n    modal.addEventListener(\"click\", (e) => {\n      if (e.target === modal) {\n        closeModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", (e) => {\n      if (!modal.classList.contains(\"is-open\")) return;\n\n      if (e.key === \"Escape\") closeModal();\n      if (e.key === \"ArrowRight\") nextImage();\n      if (e.key === \"ArrowLeft\") prevImage();\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<section class=\"answir-footer-contact\">\n  <div class=\"answir-footer-overlay\"><\/div>\n\n  <div class=\"answir-footer-inner\">\n\n    <div class=\"answir-footer-top\">\n      <div class=\"answir-footer-col answir-footer-about\">\n        <div class=\"answir-footer-logo\">ANSWIR<\/div>\n        <p>\n          Specjalizujemy si\u0119 w tworzeniu saun ogrodowych oraz domk\u00f3w modu\u0142owych z drewna.\n          Oferujemy trwa\u0142e, estetyczne i ekologiczne rozwi\u0105zania, dopasowane do\n          indywidualnych potrzeb, kt\u00f3re idealnie wpisuj\u0105 si\u0119 w ka\u017cdy ogr\u00f3d.\n        <\/p>\n      <\/div>\n\n      <div class=\"answir-footer-col\">\n        <h3>Odkryj nas<\/h3>\n        <ul>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/o-nas\/\">O nas<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/nasza-oferta\/\">Nasza oferta<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/portfolio\/\">Portfolio<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/blog\/\">Blog<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/kontakt\/\">Kontakt<\/a><\/li>\n        <\/ul>\n\n        <div class=\"answir-socials\">\n          <a href=\"https:\/\/www.facebook.com\/share\/1LCsxvBHfg\/\" target=\"_blank\" aria-label=\"Facebook\">f<\/a>\n          <a href=\"#\" aria-label=\"Instagram\">ig<\/a>\n          <a href=\"#\" aria-label=\"Twitter\">x<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"answir-footer-col\">\n        <h3>Us\u0142ugi<\/h3>\n        <ul>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/nasza-oferta\/\">Budowa saun ogrodowych<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/nasza-oferta\/\">Produkcja domk\u00f3w modu\u0142owych<\/a><\/li>\n          <li><a href=\"https:\/\/answir.pl\/index.php\/nasza-oferta\/\">Wyroby z drewna na zam\u00f3wienie<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"answir-footer-col answir-form-col\">\n        <h3>Kontakt<\/h3>\n        <p class=\"answir-contact-cta-text\">\n          Masz pytania dotycz\u0105ce oferty, realizacji lub indywidualnej wyceny?\n          Przejd\u017a do formularza kontaktowego i napisz do nas.\n        <\/p>\n\n        <a class=\"answir-contact-cta-btn\" href=\"https:\/\/answir.pl\/index.php\/kontakt\/\">\n          Przejd\u017a do formularza\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"answir-footer-bottom\">\n      <div class=\"answir-contact-list\">\n\n        <div class=\"answir-contact-item\">\n          <span class=\"answir-icon\">\u2706<\/span>\n          <span>\n            +48 530 214 654<br>\n            +48 575 248 358\n          <\/span>\n        <\/div>\n\n        <div class=\"answir-contact-item\">\n          <span class=\"answir-icon\">\u2709<\/span>\n          <span>answirpl@gmail.com<\/span>\n        <\/div>\n\n        <div class=\"answir-contact-item\">\n          <span class=\"answir-icon\">\u2302<\/span>\n          <span>Soce 81, Narew 17-210, Podlaskie<\/span>\n        <\/div>\n\n        <div class=\"answir-contact-item\">\n          <span class=\"answir-icon\">\u25f7<\/span>\n          <span>\n            Pon &#8211; Pt: 09:00 &#8211; 17:00<br>\n            Sobota: 09:00 &#8211; 17:00<br>\n            Niedziela: Zamkni\u0119te\n          <\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.answir-footer-contact{\nposition:relative;\nbackground:#f8f7f3;\npadding:90px 20px 70px;\nfont-family:Arial, Helvetica, sans-serif;\noverflow:hidden;\n}\n\n.answir-footer-overlay{\nposition:absolute;\ninset:0;\nbackground:\nlinear-gradient(rgba(248,247,243,0.94), rgba(248,247,243,0.96)),\nurl('https:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.43.26.jpeg') center\/cover no-repeat;\nopacity:0.22;\npointer-events:none;\n}\n\n.answir-footer-inner{\nposition:relative;\nmax-width:1380px;\nmargin:0 auto;\nz-index:1;\n}\n\n.answir-footer-top{\ndisplay:grid;\ngrid-template-columns:1.2fr 0.8fr 0.9fr 1.1fr;\ngap:42px;\npadding-bottom:40px;\nborder-bottom:1px solid rgba(154,148,130,0.22);\n}\n\n.answir-footer-col h3{\nmargin:0 0 24px;\ncolor:#3f3a32;\nfont-size:24px;\nline-height:1.2;\nfont-family:Georgia,\"Times New Roman\",serif;\n}\n\n.answir-footer-about .answir-footer-logo{\nmargin-bottom:24px;\ncolor:#9a9482;\nfont-size:34px;\nletter-spacing:1px;\nfont-family:Georgia,\"Times New Roman\",serif;\n}\n\n.answir-footer-about p{\nmargin:0;\ncolor:#4f4a43;\nfont-size:16px;\nline-height:1.9;\nmax-width:360px;\n}\n\n.answir-footer-col ul{\nlist-style:none;\npadding:0;\nmargin:0;\n}\n\n.answir-footer-col li{\nmargin-bottom:16px;\n}\n\n.answir-footer-col a{\ntext-decoration:none;\ncolor:#3f3a32;\nfont-size:16px;\nline-height:1.4;\ntransition:0.25s ease;\n}\n\n.answir-footer-col a:hover{\ncolor:#9a9482;\n}\n\n.answir-socials{\ndisplay:flex;\ngap:12px;\nmargin-top:28px;\n}\n\n.answir-socials a{\nwidth:38px;\nheight:38px;\nborder-radius:50%;\nbackground:#9a9482;\ncolor:#fff;\ndisplay:inline-flex;\nalign-items:center;\njustify-content:center;\nfont-size:14px;\nfont-weight:700;\ntext-transform:lowercase;\n}\n\n.answir-socials a:hover{\nbackground:#7f796b;\ncolor:#fff;\n}\n\n.answir-contact-cta-text{\nmargin:0 0 24px;\ncolor:#4f4a43;\nfont-size:16px;\nline-height:1.9;\n}\n\n.answir-contact-cta-btn{\ndisplay:inline-block;\npadding:16px 24px;\nbackground:#9a9482;\ncolor:#fff!important;\nborder-radius:12px;\nfont-size:17px;\nfont-weight:700;\nletter-spacing:0.3px;\ntext-decoration:none;\ntransition:0.25s ease;\n}\n\n.answir-contact-cta-btn:hover{\nbackground:#7f796b;\ncolor:#fff!important;\n}\n\n.answir-footer-bottom{\npadding-top:36px;\n}\n\n.answir-contact-list{\ndisplay:grid;\ngrid-template-columns:repeat(4,1fr);\ngap:24px;\n}\n\n.answir-contact-item{\ndisplay:flex;\nalign-items:flex-start;\ngap:14px;\ncolor:#3f3a32;\nfont-size:16px;\nline-height:1.8;\n}\n\n.answir-icon{\ncolor:#9a9482;\nfont-size:24px;\nline-height:1;\nmin-width:28px;\ntext-align:center;\n}\n\n@media (max-width:1200px){\n.answir-footer-top{\ngrid-template-columns:1fr 1fr;\n}\n\n.answir-contact-list{\ngrid-template-columns:1fr 1fr;\n}\n}\n\n@media (max-width:760px){\n.answir-footer-contact{\npadding:70px 16px 50px;\n}\n\n.answir-footer-top{\ngrid-template-columns:1fr;\ngap:30px;\n}\n\n.answir-contact-list{\ngrid-template-columns:1fr;\ngap:18px;\n}\n\n.answir-footer-col h3{\nfont-size:22px;\n}\n\n.answir-footer-about .answir-footer-logo{\nfont-size:28px;\n}\n\n.answir-contact-cta-btn{\nwidth:100%;\nbox-sizing:border-box;\ntext-align:center;\n}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Nasze realizacje Kliknij w wybran\u0105 realizacj\u0119, aby otworzy\u0107 galeri\u0119 zdj\u0119\u0107 w oknie modalnym i przewija\u0107 zdj\u0119cia. Zobacz realizacj\u0119 Sauna ogrodowa KIM Nowoczesna forma Minimalistyczna bry\u0142a, drewniane wyko\u0144czenie i elegancki charakter dopasowany do nowoczesnych ogrod\u00f3w. Zobacz realizacj\u0119 Sauna ogrodowa PANORAMA Nowoczesna elegancja Prosty projekt i naturalne materia\u0142y tworz\u0105 funkcjonaln\u0105 stref\u0119 relaksu w ogrodzie. Zobacz realizacj\u0119 Sauna [&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-24","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>Portfolio - Realizacje saun ogrodowych | ANSWIR<\/title>\n<meta name=\"description\" content=\"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/answir.pl\/en\/portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio - Realizacje saun ogrodowych | ANSWIR\" \/>\n<meta property=\"og:description\" content=\"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/answir.pl\/en\/portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"ANSWIR\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Sauny-Answir\/pfbid02KZTtQoG27Stp4DTGV5rZgvwaE2nyQ7v6HJmVi2ToLrkDPPavgTzHXE5QFWyU4FmEl\/?rdid=eFlRykbYX26c1VzD&amp;share_url=httpswww.facebook.comshare1LCsxvBHfg\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T09:06:34+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg\" \/>\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:\\\/\\\/answir.pl\\\/portfolio\\\/\",\"url\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/\",\"name\":\"Portfolio - Realizacje saun ogrodowych | ANSWIR\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/answir.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/answir.pl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg\",\"datePublished\":\"2026-03-09T18:58:29+00:00\",\"dateModified\":\"2026-05-22T09:06:34+00:00\",\"description\":\"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/answir.pl\\\/portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/#primaryimage\",\"url\":\"http:\\\/\\\/answir.pl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg\",\"contentUrl\":\"http:\\\/\\\/answir.pl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/answir.pl\\\/portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"http:\\\/\\\/answir.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/answir.pl\\\/#website\",\"url\":\"http:\\\/\\\/answir.pl\\\/\",\"name\":\"ANSWIR\",\"description\":\"Sauny ogrodowe z drewna - cieplo z Podliasia\",\"publisher\":{\"@id\":\"http:\\\/\\\/answir.pl\\\/#organization\"},\"alternateName\":\"ANSWIR Producent saun ogrodowych i wyrob\u00f3w z drewna\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/answir.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/answir.pl\\\/#organization\",\"name\":\"ANSWIR\",\"url\":\"http:\\\/\\\/answir.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/answir.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/answir.pl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Answir-2-1.png\",\"contentUrl\":\"https:\\\/\\\/answir.pl\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Answir-2-1.png\",\"width\":2000,\"height\":2000,\"caption\":\"ANSWIR\"},\"image\":{\"@id\":\"http:\\\/\\\/answir.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Sauny-Answir\\\/pfbid02KZTtQoG27Stp4DTGV5rZgvwaE2nyQ7v6HJmVi2ToLrkDPPavgTzHXE5QFWyU4FmEl\\\/?rdid=eFlRykbYX26c1VzD&share_url=httpswww.facebook.comshare1LCsxvBHfg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio - Realizacje saun ogrodowych | ANSWIR","description":"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.","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:\/\/answir.pl\/en\/portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio - Realizacje saun ogrodowych | ANSWIR","og_description":"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.","og_url":"https:\/\/answir.pl\/en\/portfolio\/","og_site_name":"ANSWIR","article_publisher":"https:\/\/www.facebook.com\/people\/Sauny-Answir\/pfbid02KZTtQoG27Stp4DTGV5rZgvwaE2nyQ7v6HJmVi2ToLrkDPPavgTzHXE5QFWyU4FmEl\/?rdid=eFlRykbYX26c1VzD&share_url=httpswww.facebook.comshare1LCsxvBHfg","article_modified_time":"2026-05-22T09:06:34+00:00","og_image":[{"url":"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/answir.pl\/portfolio\/","url":"https:\/\/answir.pl\/portfolio\/","name":"Portfolio - Realizacje saun ogrodowych | ANSWIR","isPartOf":{"@id":"http:\/\/answir.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/answir.pl\/portfolio\/#primaryimage"},"image":{"@id":"https:\/\/answir.pl\/portfolio\/#primaryimage"},"thumbnailUrl":"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg","datePublished":"2026-03-09T18:58:29+00:00","dateModified":"2026-05-22T09:06:34+00:00","description":"Zobacz nasze realizacje \u2013 sauna ogrodowa BOX, KIM, PANORAMA, Nuke i inne. Ka\u017cdy projekt tworzony indywidualnie z drewna \u015bwierkowego i modrzewiowego.","breadcrumb":{"@id":"https:\/\/answir.pl\/portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/answir.pl\/portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/answir.pl\/portfolio\/#primaryimage","url":"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg","contentUrl":"http:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Zrzut-ekranu-2026-03-9-o-13.41.34.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/answir.pl\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"http:\/\/answir.pl\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"http:\/\/answir.pl\/#website","url":"http:\/\/answir.pl\/","name":"ANSWIR","description":"Sauny ogrodowe z drewna - cieplo z Podliasia","publisher":{"@id":"http:\/\/answir.pl\/#organization"},"alternateName":"ANSWIR Producent saun ogrodowych i wyrob\u00f3w z drewna","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/answir.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/answir.pl\/#organization","name":"ANSWIR","url":"http:\/\/answir.pl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/answir.pl\/#\/schema\/logo\/image\/","url":"https:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Answir-2-1.png","contentUrl":"https:\/\/answir.pl\/wp-content\/uploads\/2026\/03\/Answir-2-1.png","width":2000,"height":2000,"caption":"ANSWIR"},"image":{"@id":"http:\/\/answir.pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Sauny-Answir\/pfbid02KZTtQoG27Stp4DTGV5rZgvwaE2nyQ7v6HJmVi2ToLrkDPPavgTzHXE5QFWyU4FmEl\/?rdid=eFlRykbYX26c1VzD&share_url=httpswww.facebook.comshare1LCsxvBHfg"]}]}},"_links":{"self":[{"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":39,"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/pages\/24\/revisions\/473"}],"wp:attachment":[{"href":"https:\/\/answir.pl\/en\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}