{"id":827,"date":"2025-06-23T03:20:41","date_gmt":"2025-06-23T03:20:41","guid":{"rendered":"https:\/\/www.consteel-apartments.eu\/?page_id=827"},"modified":"2025-11-02T11:45:01","modified_gmt":"2025-11-02T11:45:01","slug":"realizacje-2","status":"publish","type":"page","link":"https:\/\/www.consteel-apartments.eu\/?page_id=827","title":{"rendered":"Realizacje"},"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, viewport-fit=cover\" \/>\n  <title>Showroom<\/title>\n  <style>\n    :root{ --mh:88px; }\n\n    html, body {\n      scroll-behavior: smooth;\n      margin: 0;\n      padding: 0;\n      font-family: 'Arial', sans-serif;\n      height: 100%;\n      overflow-x: hidden;\n      background:#e7e0d7;\n    }\n\n    \/* DESKTOP HEADER *\/\n    .menu-wrapper {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      width: 100vw;\n      background: #e7e0d7;\n      z-index: 9999;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 40px;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n      box-sizing: border-box;\n    }\n    .menu-logo img { height: 100px; width: auto; }\n\n    .sidebar { display:flex; flex-direction:column; align-items:flex-end; width: clamp(300px, 35vw, 1000px); }\n    .social-bar { display:flex; align-items:center; gap:12px; margin-bottom:12px; }\n    .social-icon { width:40px; height:40px; cursor:pointer; transition: transform .3s; }\n    .social-icon:hover { transform: scale(1.1); }\n    .phone-tile{ background:#3a5f6c; color:#fff; padding:12px 20px; border-radius:8px; font-weight:700; box-shadow:0 4px 10px rgba(0,0,0,.1); }\n\n    .color-bar{ display:flex; width:100%; height:10px; margin-bottom:12px; }\n    .color-bar .pasek{ flex:1; }\n    .pasek1{background:#3a5f6c}.pasek2{background:#c4a653}.pasek3{background:#c2784c}.pasek4{background:#a69c95}\n\n    .nav-links{\n      display:grid; grid-template-columns:repeat(4,1fr);\n      font-size:22px; text-align:center; width:100%; align-items:center; justify-items:center;\n    }\n    .nav-links a{ text-decoration:none; color:#333; display:block; width:100%; padding:10px 0; }\n\n    \/* CALENDLY *\/\n    #calendly-bubble{\n      position:fixed; bottom:40px; right:40px; padding:12px 20px; background:#3a5f6c; color:#fff; border-radius:8px;\n      font-weight:bold; font-size:16px; z-index:1000; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,.15);\n    }\n    #calendly-bubble:hover{ background:#2e4c57; transform:scale(1.02); }\n    .modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:11000; }\n    .modal-overlay.active{ display:flex; }\n    .modal-content{ position:relative; background:#fff; border-radius:12px; width:90%; max-width:800px; height:80vh; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.3); }\n    .modal-content iframe{ width:100%; height:100%; border:none; display:block; }\n    .close-btn{ position:absolute; top:10px; right:15px; background:none; border:none; font-size:24px; cursor:pointer; }\n\n    \/* MOBILE HEADER (\u2264992px) *\/\n    .mobile-header{ display:none; }\n\n    @media (max-width: 992px){\n      .menu-wrapper{ display:none !important; }\n\n      .mobile-header{\n        position:fixed;\n        top:0;\n        left:50vw;                 \/* ANTI-CONTAINER FIX *\/\n        transform:translateX(-50vw);\/* \u2014 patrz blok na dole, wymusza 100vw *\/\n        width:100vw;\n        z-index:10000;\n        background:#e7e0d7;\n        display:grid; grid-template-columns:auto 1fr auto;\n        align-items:center; gap:10px; padding:8px 12px; box-shadow:0 4px 10px rgba(0,0,0,.08);\n        padding-top: calc(8px + env(safe-area-inset-top, 0px));\n        box-sizing:border-box;\n      }\n      .mobile-header .m-logo img{ height:78px; width:auto; display:block; }\n\n      .m-right{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }\n      .m-social{ display:flex; align-items:center; gap:8px; }\n      .m-bottom{ display:flex; align-items:center; gap:8px; }\n      .m-phone{ background:#3a5f6c; color:#fff; padding:6px 10px; border-radius:8px; font-size:12.5px; font-weight:700; white-space:nowrap; }\n      .m-icon{ width:26px; height:26px; }\n      .m-burger{ border:0; background:#3a5f6c; color:#fff; font-weight:700; font-size:14px; padding:8px 12px; border-radius:10px; cursor:pointer; }\n\n      .mobile-menu-panel{\n        position:fixed;\n        top:var(--mh,88px);\n        left:50vw;                 \/* ANTI-CONTAINER FIX *\/\n        transform:translateX(-50vw);\n        width:min(92vw, 320px);\n        display:none; background:#e7e0d7; padding:10px 12px 12px; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,.08); z-index:9999;\n      }\n      .mobile-menu-panel.open{ display:grid; grid-template-columns:1fr; gap:8px; }\n      .mobile-menu-panel a{\n        display:block; text-align:center; background:#f3eee7; color:#333; text-decoration:none; padding:10px 12px; border-radius:8px; font-size:16px;\n      }\n\n      body{ padding-top: var(--mh, 88px); }\n      #calendly-bubble{ right:12px; bottom:12px; font-size:13px; padding:9px 12px; border-radius:10px; }\n    }\n\n    @media (max-width: 480px){\n      .mobile-header .m-logo img{ height:72px; }\n      .m-icon{ width:24px; height:24px; }\n      .m-burger{ font-size:13px; padding:7px 10px; }\n    }\n\n    @media (min-width: 993px){\n      .menu-wrapper{ display:flex !important; }\n      .mobile-header, .mobile-menu-panel{ display:none !important; }\n      body{ padding-top:0 !important; }\n    }\n\n    \/* ===== ANTI-CONTAINER FIX (dzia\u0142a te\u017c przy rodzicu z transform\/overflow) ===== *\/\n    \/* Wymusza pe\u0142n\u0105 szeroko\u015b\u0107 nag\u0142\u00f3wk\u00f3w niezale\u017cnie od kontekstu WP\/kolumny *\/\n    .menu-wrapper{\n      left:50vw;                   \/* nawet je\u015bli rodzic ma transform, zakotwicz w widoku *\/\n      transform:translateX(-50vw);\n      width:100vw !important;\n      max-width:100vw !important;\n      margin:0 !important;\n    }\n    .menu-wrapper, .menu-wrapper *{ max-width:none !important; }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- ===== MOBILE HEADER ===== -->\n  <header class=\"mobile-header\" id=\"mobileHeader\" aria-label=\"Menu mobilne\">\n    <a href=\"https:\/\/www.consteel-apartments.eu\/\" class=\"m-logo\" aria-label=\"Strona g\u0142\u00f3wna\">\n      <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\" alt=\"Logo\">\n    <\/a>\n\n    <div class=\"m-right\">\n      <div class=\"m-social\">\n        <a href=\"mailto:biuroapartaments@consteel.eu\" aria-label=\"Email\">\n          <img decoding=\"async\" class=\"m-icon\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/poczta-1.png\" alt=\"Email\">\n        <\/a>\n        <a href=\"https:\/\/www.facebook.com\/consteelapartments\" aria-label=\"Facebook\">\n          <img decoding=\"async\" class=\"m-icon\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/Facebook-1.png\" alt=\"Facebook\">\n        <\/a>\n        <a href=\"#showroom\" aria-label=\"Showroom\">\n          <img decoding=\"async\" class=\"m-icon\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/linkedin-1.png\" alt=\"LinkedIn\">\n        <\/a>\n      <\/div>\n\n      <div class=\"m-bottom\">\n        <div class=\"m-phone\">+48 603 77 99 11<\/div>\n        <button class=\"m-burger\" id=\"mBurger\" aria-controls=\"mMenu\" aria-expanded=\"false\" aria-label=\"Otw\u00f3rz menu\">\u2630<\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ===== MOBILE DROPDOWN ===== -->\n  <nav class=\"mobile-menu-panel\" id=\"mMenu\" aria-label=\"Nawigacja mobilna\">\n    <a href=\"https:\/\/www.consteel-apartments.eu\/\" data-goto=\"pasek\">pakiety<\/a>\n    <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=827\">realizacje<\/a>\n    <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=829\">showroom<\/a>\n    <a href=\"https:\/\/www.consteel-apartments.eu\/\" data-goto=\"kontakt\">kontakt<\/a>\n  <\/nav>\n\n  <!-- ===== DESKTOP HEADER ===== -->\n  <div class=\"menu-wrapper\" id=\"menuWrapper\">\n    <div class=\"menu-logo\">\n      <a href=\"https:\/\/www.consteel-apartments.eu\/\">\n        <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\" alt=\"Logo\">\n      <\/a>\n    <\/div>\n\n    <div class=\"sidebar\">\n      <div class=\"social-bar\">\n        <div class=\"phone-tile\">+48 603 77 99 11<\/div>\n        <a href=\"mailto:biuroapartments@consteel.eu\"><img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/poczta-1.png\" alt=\"Email\" class=\"social-icon\"><\/a>\n        <a href=\"https:\/\/www.facebook.com\/consteelapartments\"><img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/Facebook-1.png\" alt=\"Facebook\" class=\"social-icon\"><\/a>\n        <a href=\"#showroom\"><img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/linkedin-1.png\" alt=\"LinkedIn\" class=\"social-icon\"><\/a>\n      <\/div>\n\n      <div class=\"color-bar\" aria-hidden=\"true\">\n        <div class=\"pasek pasek1\"><\/div><div class=\"pasek pasek2\"><\/div><div class=\"pasek pasek3\"><\/div><div class=\"pasek pasek4\"><\/div>\n      <\/div>\n\n      <nav class=\"nav-links\" aria-label=\"G\u0142\u00f3wna nawigacja\">\n        <a href=\"https:\/\/www.consteel-apartments.eu\/\" data-goto=\"pasek\">pakiety<\/a>\n        <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=827\">realizacje<\/a>\n        <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=829\">showroom<\/a>\n        <a href=\"https:\/\/www.consteel-apartments.eu\/\" data-goto=\"kontakt\">kontakt<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n\n  <!-- ===== CALENDLY ===== -->\n  <div id=\"calendly-bubble\" onclick=\"openCalendly()\">\ud83d\udcac Um\u00f3w spotkanie<\/div>\n  <div id=\"calendly-modal\" class=\"modal-overlay\" onclick=\"closeCalendly(event)\">\n    <div class=\"modal-content\">\n      <iframe src=\"https:\/\/calendly.com\/it-consteel\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"closeCalendly(event)\">\u2715<\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ mobile header height -> body pad & menu dropdown offset\n    const mHeader = document.getElementById('mobileHeader');\n    const mMenu   = document.getElementById('mMenu');\n    const mBurger = document.getElementById('mBurger');\n    function isMobile(){ return matchMedia('(max-width: 992px)').matches; }\n    function applyMobileHeaderOffset(){\n      if (isMobile() && mHeader){\n        const h = mHeader.offsetHeight || 88;\n        document.documentElement.style.setProperty('--mh', h + 'px');\n        document.body.style.paddingTop = h + 'px';\n      } else {\n        document.body.style.paddingTop = '';\n      }\n    }\n    function toggleMobileMenu(){\n      const open = mMenu.classList.toggle('open');\n      if (mBurger) mBurger.setAttribute('aria-expanded', open ? 'true':'false');\n      applyMobileHeaderOffset();\n    }\n    if (mBurger) mBurger.addEventListener('click', toggleMobileMenu);\n    if (mMenu) mMenu.addEventListener('click', (e)=>{ if (e.target.tagName==='A'){ mMenu.classList.remove('open'); if (mBurger) mBurger.setAttribute('aria-expanded','false'); }});\n\n    window.addEventListener('load', applyMobileHeaderOffset);\n    window.addEventListener('resize', applyMobileHeaderOffset);\n    window.addEventListener('orientationchange', applyMobileHeaderOffset);\n\n    \/\/ przekierowanie na stron\u0119 g\u0142\u00f3wn\u0105 z ?goto=...\n    function handleGotoClick(e){\n      const a = e.target.closest('a[data-goto]');\n      if (!a) return;\n      e.preventDefault();\n      const id = a.getAttribute('data-goto');\n      const base = new URL(a.getAttribute('href'), location.href);\n      base.searchParams.set('goto', id);\n      base.hash = '';\n      location.href = base.toString();\n    }\n    document.addEventListener('click', handleGotoClick);\n\n    \/\/ Calendly\n    function openCalendly(){ document.getElementById('calendly-modal').classList.add('active'); document.body.style.overflow='hidden'; }\n    function closeCalendly(ev){ if (ev.target.id==='calendly-modal' || ev.target.classList.contains('close-btn')){ document.getElementById('calendly-modal').classList.remove('active'); document.body.style.overflow=''; } }\n    window.openCalendly = openCalendly; window.closeCalendly = closeCalendly;\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<section class=\"sekcja-naglowek-blok\">\n  <h2 class=\"sekcja-naglowek\">realizacje<\/h2>\n<\/section>\n\n<style>\n  \/* DESKTOP (bez zmian) *\/\n  .sekcja-naglowek-blok {\n    max-width: 1400px;\n    margin: 80px auto 40px auto; \/* odst\u0119p od g\u00f3ry i od bloku poni\u017cej *\/\n    padding: 0 40px;\n  }\n  .sekcja-naglowek {\n    font-size: 42px;\n    font-weight: 700;\n    color: #2c2c2c;\n    text-align: left;\n    text-transform: none;\n    letter-spacing: 1px;\n    margin: 0;\n  }\n\n  \/* MOBILE \u2013 mniejszy odst\u0119p od g\u00f3ry *\/\n  @media (max-width: 900px){\n    .sekcja-naglowek-blok{\n      margin: 20px auto 24px auto; \/* by\u0142o 80px od g\u00f3ry *\/\n      padding: 0 15px;             \/* cia\u015bniej po bokach na telefonie *\/\n    }\n  }\n<\/style>\n\n\n\n\n<!-- SEKCJA 1: WPROWADZENIE -->\n<section class=\"realizacja-start\">\n  <div class=\"realizacja-start-left\">\n    <h2 class=\"realizacja-heading\">Zadowolenie Klienta jest miar\u0105 naszego sukcesu!<\/h2>\n    <p>\n      W procesie tw\u00f3rczym aran\u017cacji danego wn\u0119trza kierujemy si\u0119 gustem i potrzeb\u0105 Klient\u00f3w. \n      S\u0142uchamy uwag naszego Klienta i staramy si\u0119 w jak najwi\u0119kszym stopniu spe\u0142ni\u0107 oczekiwania. \n      Dbamy o komfort u\u017cytkowania przestrzeni poprzez popraw\u0119 jej ergonomii. Mo\u017cemy zaplanowa\u0107 zmiany architektoniczne lokalu, \n      by ca\u0142o\u015b\u0107 dopasowa\u0107 do wizji i upodoba\u0144 Klient\u00f3w.\n    <\/p>\n    <p>Zapraszamy do zapoznania si\u0119 z naszymi projektami.<\/p>\n  <\/div>\n\n  <div class=\"realizacja-start-right\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/meble-7.jpg\" alt=\"Realizacja wprowadzaj\u0105ca\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 2: REALIZACJA -->\n<section class=\"realizacja odwrotnie\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>penthouse nad brzegiem Wis\u0142y<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1213\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/4-2022-06-09-15-16-25.jpg\" alt=\"Realizacja 1\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 3: REALIZACJA -->\n<section class=\"realizacja\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>loftowe wn\u0119trze z charakterystycznymi dodatkami<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1239\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Loftowe-.png\" alt=\"Realizacja 1\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 4: REALIZACJA ODWROTNA -->\n<section class=\"realizacja odwrotnie\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>nowoczesne retro powraca w wielkim stylu<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1256\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/07\/9-2022-06-09-14-37-39.jpg\" alt=\"Realizacja 2\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 5: REALIZACJA -->\n<section class=\"realizacja\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>dom w J\u00f3zefowie z nut\u0105 eklektyzmu<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1275\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/dom-w-jozefowie.jpg\" alt=\"Realizacja 1\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 6: REALIZACJA ODWROTNA -->\n<section class=\"realizacja odwrotnie\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>dwupoziomowy apartament w stylu minimalistycznym<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1292\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/dwupoziomowy.jpg\" alt=\"Realizacja 2\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 7: REALIZACJA -->\n<section class=\"realizacja\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>duet drewna i szaro\u015bci<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1307\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/duet-1.png\" alt=\"Realizacja 1\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 8: REALIZACJA ODWROTNA -->\n<section class=\"realizacja odwrotnie\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>ponadczasowe wn\u0119trze dla mi\u0142o\u015bnik\u00f3w szarych barw<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1324\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/realizacje-1-1.png\" alt=\"Realizacja 2\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 9: REALIZACJA -->\n<section class=\"realizacja\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>elegancja i klasa w parze z marmurem<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1339\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/elegancja.jpg\" alt=\"Realizacja 1\">\n  <\/div>\n<\/section>\n\n<!-- SEKCJA 10: REALIZACJA ODWROTNA -->\n<section class=\"realizacja odwrotnie\">\n  <div class=\"realizacja-text\">\n    <div class=\"realizacja-box\">\n      <p>wn\u0119trze zainspirowane stylem loftowym<\/p>\n      <a href=\"https:\/\/www.consteel-apartments.eu\/?page_id=1352\">ZOBACZ<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"realizacja-img\">\n    <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/lofotowy.jpg\" alt=\"Realizacja 2\">\n  <\/div>\n<\/section>\n\n<!-- STYLE -->\n<style>\n\/* ===================== *\/\n\/*       DESKTOP         *\/\n\/* ===================== *\/\n\n\/* WPROWADZENIE *\/\n.realizacja-heading {\n  font-size: 32px;\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 20px;\n}\n\n.realizacja-start {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  margin: 100px auto;\n  max-width: 1400px;\n  gap: 0;\n  padding: 0 20px;\n  position: relative;\n}\n\n.realizacja-start-left {\n  flex: 0 0 28%;\n  max-width: 420px;\n  min-width: 280px;\n  background: #f9f9f9;\n  padding: 32px;\n  border-radius: 20px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  position: relative;\n  z-index: 3;\n  margin-right: -100px; \/* overlap na desktopie *\/\n}\n\n.realizacja-start-right {\n  flex: 0 0 75%;\n  max-width: 1000px;\n  position: relative;\n  z-index: 1;\n}\n.realizacja-start-right img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 20px;\n}\n\n\/* BLOKI REALIZACJI *\/\n.realizacja {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 1400px;\n  margin: 80px auto;\n  padding: 40px 20px;\n  gap: 40px;\n  position: relative;\n}\n.realizacja.odwrotnie { flex-direction: row-reverse; }\n\n.realizacja-text,\n.realizacja-img {\n  flex: 1 1 50%;\n  position: relative;\n  border-radius: 20px;\n}\n\n.realizacja-text {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 400px;\n  z-index: 2;\n}\n\n.realizacja-img img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  z-index: 1;\n  position: relative;\n  border-radius: 20px;\n}\n\n.realizacja-box {\n  background-color: #DBD5CB;\n  color: #000000;\n  padding: 60px 70px;\n  max-width: 600px;\n  position: absolute;\n  z-index: 3;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\n  font-size: 18px;\n  border-radius: 20px;\n}\n\n.realizacja:not(.odwrotnie) .realizacja-box { right: -80px; }\n.realizacja.odwrotnie .realizacja-box { left: -80px; }\n\n.realizacja-box::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 0; height: 0;\n  border-top: 10px solid transparent;\n  border-bottom: 10px solid transparent;\n}\n.realizacja:not(.odwrotnie) .realizacja-box::after {\n  right: -10px; border-left: 10px solid #DBD5CB;\n}\n.realizacja.odwrotnie .realizacja-box::after {\n  left: -10px; border-right: 10px solid #DBD5CB;\n}\n\n.realizacja-box a {\n  display: inline-block;\n  margin-top: 20px;\n  padding: 12px 24px;\n  background: white;\n  color: #000;\n  text-decoration: none;\n  font-weight: bold;\n  transition: background 0.3s;\n  font-size: 18px;\n  border-radius: 14px;\n}\n.realizacja-box a:hover { background: #ddd; }\n\n\/* ===================== *\/\n\/*        MOBILE         *\/\n\/* ===================== *\/\n@media (max-width: 900px){\n\n  \/* WPROWADZENIE \u2013 pionowo, bez overlapu i z mniejszymi marginesami *\/\n  .realizacja-start{\n    margin: 36px auto 28px;\n    padding: 0 15px;\n    gap: 16px;\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .realizacja-start-left{\n    order: 1;                 \/* tre\u015b\u0107 nad zdj\u0119ciem *\/\n    margin-right: 0;          \/* brak overlapu *\/\n    max-width: 100%;\n    padding: 20px 16px;\n    border-radius: 16px;\n    box-shadow: 0 8px 18px rgba(0,0,0,.12);\n    background: #f9f9f9;\n  }\n  .realizacja-heading{\n    font-size: 22px;\n    margin-bottom: 12px;\n    line-height: 1.25;\n  }\n  .realizacja-start-right{\n    order: 2;\n    max-width: 100%;\n  }\n  .realizacja-start-right img{\n    border-radius: 16px;\n  }\n\n  \/* BLOKI REALIZACJI \u2013 pionowo, box pod obrazem, bez absolute *\/\n  .realizacja,\n  .realizacja.odwrotnie{\n    flex-direction: column;\n    margin: 36px auto;\n    padding: 20px 15px;\n    gap: 16px;\n    align-items: stretch;\n  }\n\n  .realizacja-text,\n  .realizacja-img{\n    max-width: 100%;\n    flex: 1 1 100%;\n    min-height: unset;\n  }\n\n  .realizacja-img img{\n    border-radius: 16px;\n  }\n\n  .realizacja-box{\n    position: static;          \/* zdejmujemy absolute *\/\n    margin: 0;                 \/* \u017cadnych przesuni\u0119\u0107 na boki *\/\n    max-width: 100%;\n    width: 100%;\n    padding: 20px 16px;\n    font-size: 16px;\n    border-radius: 16px;\n    box-shadow: 0 8px 18px rgba(0,0,0,.12);\n  }\n  .realizacja-box::after{ display: none; }\n\n  .realizacja-box p{\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .realizacja-box a{\n    display: inline-block;\n    margin-top: 14px;\n    padding: 12px 18px;\n    font-size: 16px;\n    border-radius: 12px;\n  }\n}\n<\/style>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Showroom +48 603 77 99 11 \u2630 pakiety realizacje showroom kontakt +48 603 77 99 11 pakiety realizacje showroom kontakt \ud83d\udcac Um\u00f3w spotkanie \u2715 realizacje Zadowolenie Klienta jest miar\u0105 naszego sukcesu! W procesie tw\u00f3rczym aran\u017cacji danego wn\u0119trza kierujemy si\u0119 gustem i potrzeb\u0105 Klient\u00f3w. S\u0142uchamy uwag naszego Klienta i staramy si\u0119 w jak najwi\u0119kszym stopniu spe\u0142ni\u0107 [&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-827","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Realizacje - consteel apartments<\/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:\/\/www.consteel-apartments.eu\/?page_id=827\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Realizacje - consteel apartments\" \/>\n<meta property=\"og:description\" content=\"Showroom +48 603 77 99 11 \u2630 pakiety realizacje showroom kontakt +48 603 77 99 11 pakiety realizacje showroom kontakt \ud83d\udcac Um\u00f3w spotkanie \u2715 realizacje Zadowolenie Klienta jest miar\u0105 naszego sukcesu! W procesie tw\u00f3rczym aran\u017cacji danego wn\u0119trza kierujemy si\u0119 gustem i potrzeb\u0105 Klient\u00f3w. S\u0142uchamy uwag naszego Klienta i staramy si\u0119 w jak najwi\u0119kszym stopniu spe\u0142ni\u0107 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.consteel-apartments.eu\/?page_id=827\" \/>\n<meta property=\"og:site_name\" content=\"consteel apartments\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-02T11:45:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827\",\"url\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827\",\"name\":\"Realizacje - consteel apartments\",\"isPartOf\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\",\"datePublished\":\"2025-06-23T03:20:41+00:00\",\"dateModified\":\"2025-11-02T11:45:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.consteel-apartments.eu\/?page_id=827\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage\",\"url\":\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\",\"contentUrl\":\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\",\"width\":1344,\"height\":531},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=827#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/www.consteel-apartments.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Realizacje\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/#website\",\"url\":\"https:\/\/www.consteel-apartments.eu\/\",\"name\":\"consteel apartments\",\"description\":\"consteel apartments\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.consteel-apartments.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Realizacje - consteel apartments","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:\/\/www.consteel-apartments.eu\/?page_id=827","og_locale":"pl_PL","og_type":"article","og_title":"Realizacje - consteel apartments","og_description":"Showroom +48 603 77 99 11 \u2630 pakiety realizacje showroom kontakt +48 603 77 99 11 pakiety realizacje showroom kontakt \ud83d\udcac Um\u00f3w spotkanie \u2715 realizacje Zadowolenie Klienta jest miar\u0105 naszego sukcesu! W procesie tw\u00f3rczym aran\u017cacji danego wn\u0119trza kierujemy si\u0119 gustem i potrzeb\u0105 Klient\u00f3w. S\u0142uchamy uwag naszego Klienta i staramy si\u0119 w jak najwi\u0119kszym stopniu spe\u0142ni\u0107 [&hellip;]","og_url":"https:\/\/www.consteel-apartments.eu\/?page_id=827","og_site_name":"consteel apartments","article_modified_time":"2025-11-02T11:45:01+00:00","og_image":[{"url":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827","url":"https:\/\/www.consteel-apartments.eu\/?page_id=827","name":"Realizacje - consteel apartments","isPartOf":{"@id":"https:\/\/www.consteel-apartments.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage"},"image":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage"},"thumbnailUrl":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","datePublished":"2025-06-23T03:20:41+00:00","dateModified":"2025-11-02T11:45:01+00:00","breadcrumb":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.consteel-apartments.eu\/?page_id=827"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827#primaryimage","url":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","contentUrl":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","width":1344,"height":531},{"@type":"BreadcrumbList","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=827#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.consteel-apartments.eu\/"},{"@type":"ListItem","position":2,"name":"Realizacje"}]},{"@type":"WebSite","@id":"https:\/\/www.consteel-apartments.eu\/#website","url":"https:\/\/www.consteel-apartments.eu\/","name":"consteel apartments","description":"consteel apartments","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.consteel-apartments.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"}]}},"_links":{"self":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=827"}],"version-history":[{"count":92,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/827\/revisions"}],"predecessor-version":[{"id":1693,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/827\/revisions\/1693"}],"wp:attachment":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}