/* custom.css – nadpisania i poprawki ponad arkusz Webflow */ /* ============================================================ Styles z Webflow (index.html) ============================================================ */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 1.1111111111111112vw; } /* Max Font Size */ @media screen and (min-width:1440px) { body {font-size: 16px;} } /* Container Max Width */ .container { max-width: 1440px; } /* Min Font Size */ @media screen and (max-width:991px) { body {font-size: 16px;} } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .news-slide-item:hover .news-slide-item-hover { opacity: 1; } .inwestyca-slide-item:hover .inwestycja-item-hover { opacity: 1; } .s-oferta-pracy:hover .poznaj-cs-btn { border-bottom: 1px solid #F2EDE3; } .pakiet-item:hover .paiet-item-content-hover { opacity: 1; } .blog-item-cont:hover .blog-s-item-hover { opacity: 1; } .ms-line-line { transition: width 0.3s ease; } /* galeria-slider – 2 slajdy równej szerokości i wysokości, Slick */ .galeria-wrapper { padding-left: 0; width: 100%; } .galeria-slider.slick-initialized, .galeria-slider .slick-list, .galeria-slider .slick-track { height: 35em !important; } .galeria-slider .slick-list { margin: 0 -0.315em; } .galeria-slider .slick-slide { margin: 0 0.315em; height: 35em !important; } .galeria-slider .slick-slide .galeria-item-slide { flex: none !important; height: 35em !important; overflow: hidden; } .galeria-slider .slick-slide .galeria-item-slide .lightbox-link { display: block; height: 100%; } .galeria-slider .slick-slide .galeria-item-slide .image-6 { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { .galeria-slider.slick-initialized, .galeria-slider .slick-list, .galeria-slider .slick-track, .galeria-slider .slick-slide, .galeria-slider .slick-slide .galeria-item-slide { height: 25em !important; } } /* single-inwestycja: mała galeria (Slick, miniatury jak Webflow) */ body.single-inwestycja .small-gallery-slider .slick-list { margin-left: -0.5%; margin-right: -0.5%; } body.single-inwestycja .small-gallery-slider .slick-slide { margin-left: 0.5%; margin-right: 0.5%; } body.single-inwestycja .small-gallery-slider .slick-slide .small-gallery-item { height: 14em; overflow: hidden; } body.single-inwestycja .small-gallery-slider .slick-slide .small-gallery-item .lightbox-link { display: block; height: 100%; } body.single-inwestycja .small-gallery-slider .slick-slide .small-gallery-item .image-6 { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { body.single-inwestycja .small-gallery-slider .slick-slide .small-gallery-item { height: 11em; } } .news-slider .slick-slide { margin: 0 10px; } .news-slider .slick-list { margin: 0 -10px; } .navbar.darkHeader, .navbar.darkheader { background: #fff; } .darkHeader .dropdown-toggle, .darkheader .dropdown-toggle { color: #212020; } .darkHeader .drop-text, .darkheader .drop-text { color: #212020; } .darkHeader .social-media-link, .darkheader .social-media-link { color: #212020; } .darkHeader .brand, .darkheader .brand { color: #212020; } .is-inv-option.active .inv-option-subtitle { color: #212020; } .darkHeader .menu-button path, .darkheader .menu-button path { stroke: #212020; } .darkHeader .nav-item, .darkheader .nav-item { color: #212020; } .darkHeader .button-inv-text, .darkheader .button-inv-text { color: #212020; } .inwestycje-slider .slick-slide { margin: 0 10px; } .inwestycje-slider .slick-list { margin: 0 -10px; } /* ============================================================ Slick overrides — reset Webflow flex/display ============================================================ */ .news-slider.slick-initialized, .inwestycje-slider.slick-initialized { display: block; } /* ============================================================ Styles z Webflow (index.html — drugi blok) ============================================================ */ .is-inv-option:hover .inv-option-subtitle { color: #372f2e; } .darkHeader .nav-info-cs, .darkheader .nav-info-cs { display: none; } .nav-item:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s all; background: #fff; } .nav-item:hover:before { width: 100%; } .darkheader .nav-item:before, .darkHeader .nav-item:before { background: #212020; } .inwestyca-slide-item:hover inwestycja-img.nav-img img { transform: scale(1.05); } /* ============================================================ CF7 — Contact Form 7 Styles ============================================================ */ /* Submit button — reset browser styles, match cs-simple-button.dark */ .wpcf7-submit.cs-simple-button { appearance: none; -webkit-appearance: none; border: none; cursor: pointer; font-family: inherit; font-size: inherit; letter-spacing: inherit; display: inline-flex; align-items: center; gap: 1em; position: relative; } /* Arrow icon after submit button text (matches Webflow SVG arrow) */ .wpcf7-submit.cs-simple-button.dark::after { content: ''; display: inline-block; width: 12px; height: 12px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.1853 0.741943H10.6131V10.1698' stroke='%23ffffff' stroke-width='1.48387'%3E%3C/path%3E%3Cpath d='M10.6134 0.741943L3.88756 7.46775L0.524658 10.8307' stroke='%23ffffff' stroke-width='1.48387'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: all .3s; } .wpcf7-submit.cs-simple-button.dark:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.1853 0.741943H10.6131V10.1698' stroke='%23212020' stroke-width='1.48387'%3E%3C/path%3E%3Cpath d='M10.6134 0.741943L3.88756 7.46775L0.524658 10.8307' stroke='%23212020' stroke-width='1.48387'%3E%3C/path%3E%3C/svg%3E"); } /* CF7 spinner — hide during non-submitting state */ .wpcf7-submit .wpcf7-spinner { display: none; } .wpcf7-submit.wpcf7-submit:disabled .wpcf7-spinner { display: inline-block; margin-left: 0.5em; vertical-align: middle; } /* CF7 acceptance checkbox (.cs-checkbox class applied via CF7 shortcode) */ .wpcf7-acceptance .cs-checkbox { width: 16px; height: 16px; min-width: 16px; accent-color: #212020; cursor: pointer; margin-top: 2px; } .wpcf7-acceptance { display: flex; align-items: flex-start; gap: 10px; } .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; } /* Validation error tip */ .wpcf7-not-valid-tip { display: block; font-size: 0.75em; color: #c0392b; margin-top: 4px; padding-left: 0; } /* Form response output (success / error) */ .wpcf7-response-output { margin-top: 1.5em; padding: 0.8em 1.2em; font-size: 0.875em; border-radius: 2px; } .wpcf7 .wpcf7-response-output { border: none; } .wpcf7 form.sent .wpcf7-response-output { background-color: #e8f5e9; color: #2e7d32; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output { background-color: #fdecea; color: #c0392b; } /* Invalid field highlight */ .wpcf7-form-control.wpcf7-not-valid { border-bottom-color: #c0392b !important; } /* File upload button */ .wpcf7-file { display: none; } /* Newsletter submit — reset browser styles, match cs-simple-btn.smaller */ .wpcf7-submit.cs-simple-btn { appearance: none; -webkit-appearance: none; border: none; cursor: pointer; font-family: inherit; font-size: inherit; letter-spacing: inherit; white-space: nowrap; flex-shrink: 0; } .page-template-default .page-wrapper > .container{ padding-top:120px; } .section-kariera { min-height: 59em; } button, input, optgroup, select, textarea{ outline:none!important; } .wpcf7-list-item{ margin-left:0!important; } .is-newsletter-content .checkbox-label.is-newsletter{ color: #212020; } .is-newsletter-content .checkbox-label.is-newsletter a{ color: #212020; font-weight:bold; } .cs-field-2.is-newsletter, .cs-field.is-newsletter{ max-width:200px; } /* Webflow-like success/fail blocks for CF7 in "Napisz do nas" */ .napisz-form .form-block.w-form .wpcf7-response-output { display: none !important; } .napisz-form .form-block.w-form .w-form-done, .napisz-form .form-block.w-form .w-form-fail { display: none; } /* Znajdz mieszkanie - noUiSlider styles from Webflow */ :root { --tooltip-font-size: 16px; --tooltip-font-weight: 700; --tooltip-line-height: 1; --tooltip-padding: 0; --tooltip-height: 32px; --tooltip-color: #372f2e; --tooltip-bg-color: transparent; --tooltip-border-color: transparent; --tooltip-corner-radius: 0; --tooltip-box-shadow: none; --handle-height: 21px; --handle-width: 21px; --handle-box-shadow: none; --handle-color: #b79253; --range-bar-height: 2px; --range-bar-corner-radius: 0; --range-bar-color: #b79253; --range-box-shadow: 0 8px 20px rgba(141, 155, 190, 0.16); } .section-znajdz-content .noUi-target { background: #212020; border-radius: 0; border: 0; box-shadow: none; } .section-znajdz-content .noUi-connects { overflow: initial; } .section-znajdz-content .noUi-connect { background: var(--range-bar-color); box-shadow: var(--range-box-shadow); } .section-znajdz-content .noUi-horizontal { height: var(--range-bar-height); } .section-znajdz-content .noUi-horizontal .noUi-handle { width: var(--handle-width) !important; height: var(--handle-height) !important; right: calc(var(--handle-width) / 2 * -1); top: calc((var(--handle-height) - var(--range-bar-height)) / 2 * -1); border-radius: 0; border: 0; box-shadow: var(--handle-box-shadow); cursor: pointer; background: var(--handle-color); } .section-znajdz-content .noUi-handle::before, .section-znajdz-content .noUi-handle::after { display: none; } .section-znajdz-content .noUi-tooltip { color: var(--tooltip-color); border-radius: var(--tooltip-corner-radius); background: var(--tooltip-bg-color); border: 1px solid var(--tooltip-border-color); box-shadow: var(--tooltip-box-shadow); padding: var(--tooltip-padding); text-align: center; white-space: nowrap; font-size: var(--tooltip-font-size); font-weight: var(--tooltip-font-weight); line-height: var(--tooltip-line-height); min-height: var(--tooltip-height); } .dropdown-toggle .drop-text.w-inline-block { color: inherit; text-decoration: none; } .section-contact-map .map-wrapper { width: 100%; min-height: 28rem; } #kontakt-google-map { width: 100%; min-height: 28rem; } .napisz-form { padding-top: 2em; padding-bottom: 2em; } .hidden-zgoda:first-of-type{ padding-top:10px; } .checkbox.w--redirected-checked { background-image: url(/wp-content/uploads/2026/03/checked-1.svg); border-color:#000!important; } #wpcf7-f1085-o1 .checkbox-label.is-newsletter a{ color: #f2ede3!important; font-weight:bold!important; } #wpcf7-f1088-o1 .checkbox-label a{ color: #f2ede3!important; font-weight:bold!important; } /* sec-kroki – wrapper jako kontener przewijania (cała treść dostępna) */ .krok-col-scroll { overflow: visible !important; display: flex; flex-direction: column; min-height: 0; } .sec-kroki-scroll-wrapper { flex: 1; min-height: 0; max-height: 75vh; overflow-y: auto !important; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .sec-kroki { max-height: none; overflow: visible; padding-bottom: 3em; } /* section-lokalizacja – iframe na pełną szerokość */ .section-lokalizacja-iframe-wrap { width: 100%; line-height: 0; } .section-lokalizacja-iframe { width: 100%; height: 800px; border: 0; display: block; } /* sec-kroki – min-height na krok-item żeby scroll miał pełną wysokość (10×5em = 50em > 75vh) */ .sec-kroki .krok-item { min-height: 5em; } /* Marzenia slider – równe wysokości + odstęp 20px */ .marzenia-slider .slick-list { margin: 0 -10px; } .marzenia-slider .slick-slide { margin: 0 10px; height: auto; } .marzenia-slider .slick-track { display: flex; align-items: stretch; } .marzenia-slider .slick-slide > div { height: 100%; display: flex; } .marzenia-slider .marzenia-slider-item { height: 100%; width: 100%; display: flex; flex-direction: column; } .marzenia-slider .marzenie-text { flex: 1; } .hidden-zgoda .checkbox-label{ color: #212020!important; } .nav-items-desktop.is-mob{ display:none; } @media (max-width:991px){ .nav-items-desktop.is-mob{ display:flex; } } .sec-kroki{ padding-bottom:23em; } /* sec-kroki – mobilna: wszystko widoczne bez scrollowania */ @media (max-width: 991px) { .section-krok-po-kroku .sec-kroki-scroll-wrapper { max-height: none; overflow: visible; } .section-krok-po-kroku .sec-kroki .krok-item { min-height: auto; } .section-krok-po-kroku .sec-kroki { padding-bottom: 2em; } .section-krok-po-kroku .sec-kroki .krok-item .krok-content { max-height: none; overflow: visible; } .section-krok-po-kroku .sec-kroki .krok-item .krok-number { color: #fafaf7; background-color: #e5007d; } } .inv-nav-info-text { text-align: center; letter-spacing: 0; text-transform: none; font-size: 1em; font-weight: 600; line-height: 1.55; } .inv-nav-info .btn-flex.is-col { flex-flow: row; } .page-template-page-ankieta .navbar, .page-template-page-ankieta .footer, .page-template-page-formularz-aplikacyjny .navbar, .page-template-page-formularz-aplikacyjny .footer, .page-template-page-formularz-zgloszenie-usterki .navbar, .page-template-page-formularz-zgloszenie-usterki .footer{ display:none; } .section-newsletter .cs-form-flex-item-2.no-space{ border-bottom-color: #f2ede3!important; } .section-newsletter .f-label-2.no-space, .section-newsletter .cs-field-2.is-newsletter, .section-newsletter .cs-field-2.is-newsletter::placeholder{ color: #f2ede3!important; } .section-newsletter .form-zgody a{ color: #f2ede3!important; } /* Ankieta: ukryj duplikat labela CF7 tylko w ankieta-item (checkboxy) – zgody (form-zgody) mają treść w wpcf7-list-item-label */ .ankieta-form .ankieta-item .wpcf7-list-item-label { display: none; } .nav-menu-inv{ background:#fff!important; } @media (max-width:767px){ .nav-right-content .tabs-menu{ border:0!important; } } @media screen and (max-width: 991px) { .etapy-flex { width: 100%; min-width: auto; overflow: auto; } } .btn-file-text { font-size: .88em; line-height: 1.5; font-weight: 400; } .cs-form-flex-item-3.istextarea{ align-items: flex-start; } .ankieta-item .w-radio, .ankieta-item .w-checkbox{ padding-left:0; } .ankieta-item .checkbox-field { align-items: center; } .cstpo .wpcf7-list-item-label{ display:inline-block!important; color: #212020; margin-bottom: 0; margin-left: .38em; font-size: 1em; font-weight: 500!important; line-height: 1.5; } .cstpo .wpcf7-list-item{ display:block; margin-bottom:12px!important; } .cstpo{ gap:0; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output { background-color: #fdecea; color: #c0392b; border-color: #fdecea; padding: 10px; } /* Znajdz mieszkanie - kolorystyka plakietki statusu */ .mieszkanie-status-badge.is-reserved { background-color: #dddddd; } .mieszkanie-status-badge.is-reserved .status-circle { background-color: #595958; } .mieszkanie-status-badge.is-promo { background-color: #f5edc9; } .mieszkanie-status-badge.is-promo .status-circle { background-color: #d1b85b; } .mieszkanie-status-badge.is-sold { background-color: #f4d7d7; } .mieszkanie-status-badge.is-sold .status-circle { background-color: #c96b6b; } .mieszkanie-status-badge .status-text { color: #212020; } /* ── POPUP ZAPYTAJ O MIESZKANIE ──────────────────────────────────────────── */ .fzm-popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1.5em; overflow-y: auto; } body.fzm-popup-open { overflow: hidden; } .fzm-popup { background: #fafaf7; position: relative; width: 100%; max-width: 42em; padding: 3em 3em 2.5em; max-height: 90vh; overflow-y: auto; } .fzm-popup-close { position: absolute; top: 1.25em; right: 1.25em; background: none; border: none; cursor: pointer; color: #212020; padding: .25em; line-height: 1; opacity: .7; transition: opacity .2s; } .fzm-popup-close:hover { opacity: 1; } .fzm-popup-header { margin-bottom: 2em; } .fzm-popup-title { font-size: 1.75em; font-weight: 700; line-height: 1.2; margin: 0 0 .3em; color: #212020; } .fzm-popup-title em { font-style: italic; color: #93521e; } .fzm-popup-inv-name { letter-spacing: .9px; text-transform: uppercase; font-size: .85em; font-weight: 600; color: #212020; margin-bottom: 1em; } #fzm-popup-card-btn { margin-top: .5em; } /* ── Historia cen: przycisk na karcie mieszkania ── */ .mieszkanie-item-historia { display: flex; align-items: center; gap: .75em; padding: .5em 1em .75em; border-top: 1px solid rgba(0,0,0,.07); } .fzm-historia-btn { display: inline-flex; align-items: center; gap: .4em; background: none; border: none; padding: 0; cursor: pointer; font-size: .82em; font-weight: 600; letter-spacing: .5px; color: #93521e; text-decoration: underline; text-underline-offset: 3px; transition: opacity .15s; } .fzm-historia-btn:hover { opacity: .75; } .historia-icon { display: flex; align-items: center; } .historia-last-date { font-size: .75em; color: #888; letter-spacing: .3px; } /* ── Historia cen: popup ── */ .fzm-historia-popup { max-width: 720px; } .fzm-historia-body { min-height: 80px; } .fzm-historia-loading { text-align: center; padding: 2em; color: #888; font-size: .9em; } .fzm-historia-error { padding: 1em; color: #c0392b; font-size: .9em; background: #fdf0ee; border-radius: 4px; } .fzm-historia-table { width: 100%; border-collapse: collapse; font-size: .88em; } .fzm-historia-table th, .fzm-historia-table td { padding: .65em .8em; text-align: left; border-bottom: 1px solid rgba(0,0,0,.08); } .fzm-historia-table thead th { font-weight: 700; letter-spacing: .5px; text-transform: uppercase; font-size: .8em; color: #555; background: #f5f3ef; } .fzm-historia-table tbody tr:last-child td { border-bottom: none; } .fzm-historia-table tbody tr:nth-child(even) { background: #faf9f6; } .hist-before { color: #888; text-decoration: line-through; font-size: .95em; } .hist-empty { color: #ccc; } .hist-row-promo { background: #fdf8ee !important; } .hist-row-promo td { border-color: rgba(147, 82, 30, .15); } .hist-promo-badge { display: inline-block; background: #93521e; color: #fff; font-size: .65em; font-weight: 700; letter-spacing: .8px; padding: .15em .45em; border-radius: 3px; vertical-align: middle; margin-left: .35em; } /* Logo inwestycji w brand w-nav-brand */ .is-inv-logo .nav-inv-logo-img, .is-inv-logo .w-embed svg { max-width: 9em; } .nav-col.right-align{ min-width:210px; } /* Mega menu „Znajdź mieszkanie”: padding-top łączy obszar hover z toggle; sam nav jest przezroczysty, biała belka tylko za treścią (.container::before), żeby górny pas nie zasłaniał logo przy przezroczystym navbarze. */ .dropdown-list.full { background-color: transparent !important; } .dropdown-list.full.w--open { margin-top: 0 !important; padding-top: 2.06em; box-sizing: border-box; } .dropdown-list.full > .container { position: relative; z-index: 0; isolation: isolate; } .dropdown-list.full > .container::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background-color: #fff; } .home-back{ color: #fff; letter-spacing: .9px; text-transform: uppercase; justify-content: center; align-items: center; padding: .125em 0; font-size: .81em; font-weight: 600; line-height: 1.5; display: flex; position: relative; text-decoration: none; margin-right:2.06em; z-index:9; } .home-back:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s all; background: #fff; } .home-back:hover:before { width: 100%; } @media screen and (max-width: 991px) { .nav-col { grid-column-gap: 1em; } .home-back { font-size: .61em; margin-right: 0.06em; } } @media (max-width:500px){ .home-back { font-size: .61em; margin-right: 0.06em; } } .darkHeader .home-back:before{ background: #212020; } .darkHeader .home-back { color: #212020; } .single-n-desc a{ color: #b79253; text-decoration: none; } .news-slider .slick-track { display: flex !important; } .news-slider .slick-slide { height: 30.19em; } @media (max-width:500px){ .is-nav-wyszukiwarka .btn-text{ font-size:14px; } } @media screen and (max-width: 767px) { .liczba-value { font-size: 2.4em; } .code-embed { min-width: 12px; margin-top: -3px; height: 14px; } .noUi-horizontal .noUi-tooltip { font-size: 13px; box-shadow: none; font-weight: 400; } .atuty-bg { background-image: linear-gradient(#0000006b 31%, #0006 71%); } .atuty-bg .hero-title { font-size: 1.5em; } .marzenia-slider .slick-slide > div { height: 100%; display: flex; width: 100%; text-align: left; } } .page-template-default .page-wrapper{ overflow: hidden; } .is-page-simple-content{ font-size: 1em; line-height: 1.5; } /* page.php — szerokie tabele w treści: poziomy scroll na mobile (nie wychodzą poza container) */ @media screen and (max-width: 991px) { .is-page-simple-content { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } /* goły (bez klas / bez figure) — nie zwężać poniżej treści; rodzic scrolluje w poziomie */ .is-page-simple-content table { width: auto; max-width: none; min-width: 100%; table-layout: auto; } } /* Source - https://stackoverflow.com/a/64706497 Posted by s.kuznetsov, modified by community. See post 'Timeline' for change history Retrieved 2026-04-02, License - CC BY-SA 4.0 */ table { border-collapse: collapse; border-spacing: 0; width: 100%; overflow: hidden; } thead { background-color: #E5E5E5; } tr:nth-child(even) { background-color: #F2F2F2; } th, td { padding: 15px; text-align: center; } @media(max-width: 800px) { table { border: 0; } thead { display: none; } tr { display: block; margin: 0 0 20px 0; } td { display: block; text-align: right; } td:before { content: attr(aria-label); float: left; font-weight: bold; } td:last-child { border-bottom: 0; } tr:nth-child(odd) { background-color: #F2F2F2; } tr:nth-child(even) { background-color: #FFFFFF; border-width: 3px 0 3px 0; border-style: solid; border-color: #E5E5E5; } } @media (max-width:767px){ .newsletter-form .wpcf7-form-control-wrap, .newsletter-form .wpcf7-form-control-wrap .wpcf7-text{ width:100%; } .section-newsletter .cs-form-flex-item-2.no-space{ border-bottom:0!important; } .newsletter-form .label-div{ margin-right:0!important; } .newsletter-form .wpcf7-form-control-wrap .wpcf7-text{ margin:10px auto; display:block; border-bottom:1px solid #fff; } } /* Menu mobilne: pierwszy wiersz dropdownu = ten sam URL co nagłówek (lustro); na desktopie ukryty */ @media screen and (min-width: 992px) { .nav-drop-item--toggle-mirror { display: none !important; } } @media screen and (max-width: 991px) { .nav-inv-list-flex > .nav-drop-item--toggle-mirror { flex: 1 1 100%; width: 100%; max-width: 100%; box-sizing: border-box; } } .page-template-page-aktualnosci .section-contact-new .form-zgody a { color: #f2ede3 !important; } /* Nieruchomości komercyjne – mapa (embed zamiast obrazka) */ .mapa-inwestycji-content .mapa-inwestycji-iframe { width: 100%; max-width: 100%; min-height: 40em; border: 0; display: block; vertical-align: top; }