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 \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 \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 \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 \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<div class=\"guten-element guten-spacer guten-gXHkcw\"><\/div>\n\n\n\n<section class=\"sekcja-naglowek-blok\">\n <h2 class=\"sekcja-naglowek\">showroom<\/h2>\n<\/section>\n\n<style>\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\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<\/style>\n\n\n\n<style>\n\/* SEKCJA INTRO *\/\n.showroom-intro {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n margin: 100px auto 100px auto;\n max-width: 1400px;\n padding: 0 20px;\n gap: 0;\n position: relative;\n}\n\n.showroom-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;\n}\n\n.showroom-right {\n flex: 0 0 75%;\n max-width: 1000px;\n position: relative;\n z-index: 1;\n margin-left: auto;\n}\n\n.showroom-right img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 80px;\n}\n\n\n\n.showroom-heading {\n font-size: 32px;\n font-weight: bold;\n color: #333;\n margin-bottom: 20px;\n}\n\n.showroom-left p {\n font-size: 16px;\n line-height: 1.6;\n color: #333;\n margin-bottom: 16px;\n}\n\n\/* GALERIA *\/\n.showroom-gallery {\n margin-top: 100px;\n margin-bottom: 100px;\n max-width: 1400px;\n padding: 0 20px; \/* najwa\u017cniejsze wyr\u00f3wnanie *\/\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: flex-start;\n position: relative;\n z-index: 2;\n}\n\n.showroom-gallery img {\n width: calc(33.333% - 13.33px);\n max-width: 100%;\n height: 280px;\n object-fit: cover;\n border-radius: 20px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: transform 0.3s;\n}\n\n.showroom-gallery img:hover {\n transform: scale(1.03);\n}\n\n\/* LIGHTBOX *\/\n.lightbox-overlay {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.lightbox-overlay.active {\n display: flex;\n}\n\n.lightbox-overlay img {\n max-width: 90%;\n max-height: 80vh;\n border-radius: 8px;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n}\n\n.close-lightbox {\n position: absolute;\n top: 20px;\n right: 30px;\n font-size: 32px;\n color: white;\n cursor: pointer;\n z-index: 10000;\n}\n\n.lightbox-nav {\n position: absolute;\n top: 50%;\n width: 100%;\n display: flex;\n justify-content: space-between;\n transform: translateY(-50%);\n}\n\n.arrow {\n font-size: 48px;\n color: white;\n cursor: pointer;\n padding: 0 30px;\n user-select: none;\n z-index: 10000;\n}\n\n\/* RWD *\/\n@media (max-width: 900px) {\n .showroom-intro {\n flex-direction: column;\n }\n\n .showroom-left {\n margin-right: 0;\n margin-bottom: 20px;\n max-width: 100%;\n }\n\n .showroom-right {\n max-width: 100%;\n }\n\n .showroom-heading {\n font-size: 24px;\n }\n\n .showroom-left p {\n font-size: 16px;\n }\n\n .showroom-gallery {\n max-width: 100%;\n padding: 0 20px;\n margin-top: 40px;\n }\n\n .showroom-gallery img {\n width: 100%;\n height: auto;\n }\n}\n<\/style>\n\n\n<section class=\"showroom-intro\">\n <div class=\"showroom-left\">\n <h2 class=\"showroom-heading\">OSZCZ\u0118DNO\u015a\u0106 CZASU<\/h2>\n <p>\n W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci.\n Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy.\n Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu.\n <\/p>\n <\/div>\n <div class=\"showroom-right\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/showroom-12.jpg\" alt=\"Showroom g\u0142\u00f3wne zdj\u0119cie\">\n <\/div>\n<\/section>\n\n<section class=\"showroom-gallery\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-120-scaled.jpg\" alt=\"Showroom 2\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-42-scaled.jpg\" alt=\"Showroom 3\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-129-scaled.jpg\" alt=\"Showroom 4\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-104-scaled.jpg\" alt=\"Showroom 5\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-72-scaled.jpg\" alt=\"Showroom 7\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-60-scaled.jpg\" alt=\"Showroom 8\">\n<\/section>\n\n\n<div class=\"lightbox-overlay\" id=\"lightbox\">\n <span class=\"close-lightbox\" onclick=\"closeLightbox()\">✕<\/span>\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Powi\u0119kszone zdj\u0119cie\">\n <div class=\"lightbox-nav\">\n <span class=\"arrow left\" onclick=\"prevImage()\">❮<\/span>\n <span class=\"arrow right\" onclick=\"nextImage()\">❯<\/span>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const images = document.querySelectorAll('.showroom-gallery img');\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n let currentIndex = 0;\n\n images.forEach((img, i) => {\n img.addEventListener('click', () => {\n currentIndex = i;\n showImage();\n });\n });\n\n function showImage() {\n lightboxImg.src = images[currentIndex].src;\n lightbox.classList.add('active');\n }\n\n window.closeLightbox = function () {\n lightbox.classList.remove('active');\n }\n\n window.prevImage = function () {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showImage();\n }\n\n window.nextImage = function () {\n currentIndex = (currentIndex + 1) % images.length;\n showImage();\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowRight') nextImage();\n if (e.key === 'ArrowLeft') prevImage();\n });\n\n lightbox.addEventListener('click', function (e) {\n if (e.target === lightbox) closeLightbox();\n });\n});\n<\/script>\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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯<\/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-829","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Showroom - 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=829\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showroom - 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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.consteel-apartments.eu\/?page_id=829\" \/>\n<meta property=\"og:site_name\" content=\"consteel apartments\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-02T11:33:53+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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829\",\"url\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829\",\"name\":\"Showroom - consteel apartments\",\"isPartOf\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\",\"datePublished\":\"2025-06-23T03:21:19+00:00\",\"dateModified\":\"2025-11-02T11:33:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.consteel-apartments.eu\/?page_id=829\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#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=829#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/www.consteel-apartments.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Showroom\"}]},{\"@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_head_json":{"title":"Showroom - 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=829","og_locale":"pl_PL","og_type":"article","og_title":"Showroom - 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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯","og_url":"https:\/\/www.consteel-apartments.eu\/?page_id=829","og_site_name":"consteel apartments","article_modified_time":"2025-11-02T11:33:53+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","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829","url":"https:\/\/www.consteel-apartments.eu\/?page_id=829","name":"Showroom - consteel apartments","isPartOf":{"@id":"https:\/\/www.consteel-apartments.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage"},"image":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage"},"thumbnailUrl":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","datePublished":"2025-06-23T03:21:19+00:00","dateModified":"2025-11-02T11:33:53+00:00","breadcrumb":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.consteel-apartments.eu\/?page_id=829"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#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=829#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.consteel-apartments.eu\/"},{"@type":"ListItem","position":2,"name":"Showroom"}]},{"@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\/829","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=829"}],"version-history":[{"count":106,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":1687,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions\/1687"}],"wp:attachment":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":829,"date":"2025-06-23T03:21:19","date_gmt":"2025-06-23T03:21:19","guid":{"rendered":"https:\/\/www.consteel-apartments.eu\/?page_id=829"},"modified":"2025-11-02T11:33:53","modified_gmt":"2025-11-02T11:33:53","slug":"showroom-2","status":"publish","type":"page","link":"https:\/\/www.consteel-apartments.eu\/?page_id=829","title":{"rendered":"Showroom"},"content":{"rendered":"\n\n\n\n \n \n 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 \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 \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 \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 \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<div class=\"guten-element guten-spacer guten-gXHkcw\"><\/div>\n\n\n\n<section class=\"sekcja-naglowek-blok\">\n <h2 class=\"sekcja-naglowek\">showroom<\/h2>\n<\/section>\n\n<style>\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\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<\/style>\n\n\n\n<style>\n\/* SEKCJA INTRO *\/\n.showroom-intro {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n margin: 100px auto 100px auto;\n max-width: 1400px;\n padding: 0 20px;\n gap: 0;\n position: relative;\n}\n\n.showroom-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;\n}\n\n.showroom-right {\n flex: 0 0 75%;\n max-width: 1000px;\n position: relative;\n z-index: 1;\n margin-left: auto;\n}\n\n.showroom-right img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n border-radius: 20px;\n margin-bottom: 80px;\n}\n\n\n\n.showroom-heading {\n font-size: 32px;\n font-weight: bold;\n color: #333;\n margin-bottom: 20px;\n}\n\n.showroom-left p {\n font-size: 16px;\n line-height: 1.6;\n color: #333;\n margin-bottom: 16px;\n}\n\n\/* GALERIA *\/\n.showroom-gallery {\n margin-top: 100px;\n margin-bottom: 100px;\n max-width: 1400px;\n padding: 0 20px; \/* najwa\u017cniejsze wyr\u00f3wnanie *\/\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: flex-start;\n position: relative;\n z-index: 2;\n}\n\n.showroom-gallery img {\n width: calc(33.333% - 13.33px);\n max-width: 100%;\n height: 280px;\n object-fit: cover;\n border-radius: 20px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: transform 0.3s;\n}\n\n.showroom-gallery img:hover {\n transform: scale(1.03);\n}\n\n\/* LIGHTBOX *\/\n.lightbox-overlay {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.lightbox-overlay.active {\n display: flex;\n}\n\n.lightbox-overlay img {\n max-width: 90%;\n max-height: 80vh;\n border-radius: 8px;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n}\n\n.close-lightbox {\n position: absolute;\n top: 20px;\n right: 30px;\n font-size: 32px;\n color: white;\n cursor: pointer;\n z-index: 10000;\n}\n\n.lightbox-nav {\n position: absolute;\n top: 50%;\n width: 100%;\n display: flex;\n justify-content: space-between;\n transform: translateY(-50%);\n}\n\n.arrow {\n font-size: 48px;\n color: white;\n cursor: pointer;\n padding: 0 30px;\n user-select: none;\n z-index: 10000;\n}\n\n\/* RWD *\/\n@media (max-width: 900px) {\n .showroom-intro {\n flex-direction: column;\n }\n\n .showroom-left {\n margin-right: 0;\n margin-bottom: 20px;\n max-width: 100%;\n }\n\n .showroom-right {\n max-width: 100%;\n }\n\n .showroom-heading {\n font-size: 24px;\n }\n\n .showroom-left p {\n font-size: 16px;\n }\n\n .showroom-gallery {\n max-width: 100%;\n padding: 0 20px;\n margin-top: 40px;\n }\n\n .showroom-gallery img {\n width: 100%;\n height: auto;\n }\n}\n<\/style>\n\n\n<section class=\"showroom-intro\">\n <div class=\"showroom-left\">\n <h2 class=\"showroom-heading\">OSZCZ\u0118DNO\u015a\u0106 CZASU<\/h2>\n <p>\n W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci.\n Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy.\n Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu.\n <\/p>\n <\/div>\n <div class=\"showroom-right\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/showroom-12.jpg\" alt=\"Showroom g\u0142\u00f3wne zdj\u0119cie\">\n <\/div>\n<\/section>\n\n<section class=\"showroom-gallery\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-120-scaled.jpg\" alt=\"Showroom 2\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-42-scaled.jpg\" alt=\"Showroom 3\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-129-scaled.jpg\" alt=\"Showroom 4\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-104-scaled.jpg\" alt=\"Showroom 5\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-72-scaled.jpg\" alt=\"Showroom 7\">\n <img decoding=\"async\" src=\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/06\/Showroom-60-scaled.jpg\" alt=\"Showroom 8\">\n<\/section>\n\n\n<div class=\"lightbox-overlay\" id=\"lightbox\">\n <span class=\"close-lightbox\" onclick=\"closeLightbox()\">✕<\/span>\n <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Powi\u0119kszone zdj\u0119cie\">\n <div class=\"lightbox-nav\">\n <span class=\"arrow left\" onclick=\"prevImage()\">❮<\/span>\n <span class=\"arrow right\" onclick=\"nextImage()\">❯<\/span>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const images = document.querySelectorAll('.showroom-gallery img');\n const lightbox = document.getElementById('lightbox');\n const lightboxImg = document.getElementById('lightbox-img');\n let currentIndex = 0;\n\n images.forEach((img, i) => {\n img.addEventListener('click', () => {\n currentIndex = i;\n showImage();\n });\n });\n\n function showImage() {\n lightboxImg.src = images[currentIndex].src;\n lightbox.classList.add('active');\n }\n\n window.closeLightbox = function () {\n lightbox.classList.remove('active');\n }\n\n window.prevImage = function () {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n showImage();\n }\n\n window.nextImage = function () {\n currentIndex = (currentIndex + 1) % images.length;\n showImage();\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowRight') nextImage();\n if (e.key === 'ArrowLeft') prevImage();\n });\n\n lightbox.addEventListener('click', function (e) {\n if (e.target === lightbox) closeLightbox();\n });\n});\n<\/script>\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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯<\/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-829","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Showroom - 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=829\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Showroom - 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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.consteel-apartments.eu\/?page_id=829\" \/>\n<meta property=\"og:site_name\" content=\"consteel apartments\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-02T11:33:53+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<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829\",\"url\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829\",\"name\":\"Showroom - consteel apartments\",\"isPartOf\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png\",\"datePublished\":\"2025-06-23T03:21:19+00:00\",\"dateModified\":\"2025-11-02T11:33:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.consteel-apartments.eu\/?page_id=829\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.consteel-apartments.eu\/?page_id=829#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=829#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/www.consteel-apartments.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Showroom\"}]},{\"@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_head_json":{"title":"Showroom - 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=829","og_locale":"pl_PL","og_type":"article","og_title":"Showroom - 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 showroom OSZCZ\u0118DNO\u015a\u0106 CZASU W naszym showroomie mo\u017cesz zapozna\u0107 si\u0119 z materia\u0142ami najwy\u017cszej jako\u015bci. Z pomoc\u0105 architekta dobierzesz pod\u0142ogi, p\u0142ytki, ceramik\u0119, armatur\u0119 i inne elementy. Realizacj\u0105 gotowego projektu pod klucz zajmie si\u0119 profesjonalna ekipa pod nadzorem koordynatora projektu. ✕ ❮ ❯","og_url":"https:\/\/www.consteel-apartments.eu\/?page_id=829","og_site_name":"consteel apartments","article_modified_time":"2025-11-02T11:33:53+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","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829","url":"https:\/\/www.consteel-apartments.eu\/?page_id=829","name":"Showroom - consteel apartments","isPartOf":{"@id":"https:\/\/www.consteel-apartments.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage"},"image":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#primaryimage"},"thumbnailUrl":"https:\/\/www.consteel-apartments.eu\/wp-content\/uploads\/2025\/05\/Consteel-Apartaments-LOGO.png","datePublished":"2025-06-23T03:21:19+00:00","dateModified":"2025-11-02T11:33:53+00:00","breadcrumb":{"@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.consteel-apartments.eu\/?page_id=829"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.consteel-apartments.eu\/?page_id=829#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=829#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.consteel-apartments.eu\/"},{"@type":"ListItem","position":2,"name":"Showroom"}]},{"@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\/829","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=829"}],"version-history":[{"count":106,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":1687,"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions\/1687"}],"wp:attachment":[{"href":"https:\/\/www.consteel-apartments.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}