{"id":17,"date":"2025-10-29T14:18:25","date_gmt":"2025-10-29T13:18:25","guid":{"rendered":"https:\/\/oferta-dewelopera.pl\/?page_id=17"},"modified":"2026-05-26T11:49:44","modified_gmt":"2026-05-26T09:49:44","slug":"szablon","status":"publish","type":"page","link":"https:\/\/oferta-dewelopera.pl\/","title":{"rendered":"SZABLON"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Osiedle Wolwin\u00f3w - Hero Section<\/title>\n <style>\n \/* Nowoczesny font: Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap');\n\n :root {\n --brand-color: #D4B982; \/* Piaskowy z\u0142oty *\/\n --brand-color-hover: #C2A569; \/* Ciemniejszy odcie\u0144 na hover *\/\n --brand-text: #1a1a1a; \/* Ciemny tekst na z\u0142otym przycisku dla max czytelno\u015bci *\/\n --text-light: #ffffff;\n --bg-overlay: rgba(26, 26, 26, 0.85); \n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background-color: #1a1a1a; \/* T\u0142o zast\u0119pcze, docelowo tu b\u0119dzie render *\/\n color: var(--text-light);\n line-height: 1.5;\n }\n\n \/* --- BLOK INFORMACYJNY --- *\/\n .info-block {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n max-width: 1100px;\n min-height: 100vh;\n margin: 0 auto;\n background-color: transparent; \n padding: 40px 20px; \n }\n\n \/* --- BADGE \/ CTA --- *\/\n .hero-badge-cta {\n display: inline-block;\n padding: 14px 36px; \n margin-bottom: 30px;\n border-radius: 50px;\n border: none;\n \n background-color: var(--brand-color); \n color: var(--brand-text);\n font-size: 0.95rem; \n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n text-decoration: none;\n cursor: pointer;\n \n \/* Pulsacja dopasowana do nowego koloru rgb(212, 185, 130) *\/\n animation: pulse-brand 2s infinite;\n box-shadow: 0 0 0 0 rgba(212, 185, 130, 0.7);\n transition: background-color 0.3s ease, transform 0.2s ease;\n }\n\n .hero-badge-cta:hover {\n background-color: var(--brand-color-hover);\n animation-play-state: paused; \n transform: translateY(-2px);\n }\n\n @keyframes pulse-brand {\n 0% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(212, 185, 130, 0.7);\n }\n 70% {\n transform: scale(1.05);\n box-shadow: 0 0 0 15px rgba(212, 185, 130, 0);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(212, 185, 130, 0);\n }\n }\n\n \/* --- NAG\u0141\u00d3WEK G\u0141\u00d3WNY --- *\/\n .hero-title {\n color: var(--text-light);\n font-weight: 800;\n font-size: clamp(1.8rem, 5vw, 3.5rem); \n line-height: 1.15;\n margin-bottom: 15px; \n letter-spacing: -0.02em;\n text-wrap: balance;\n text-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n\n .hero-subtitle {\n font-size: clamp(1rem, 2vw, 1.25rem);\n font-weight: 500;\n color: rgba(255,255,255,0.9);\n margin-bottom: 40px;\n text-wrap: balance;\n }\n\n \/* --- CECHY INWESTYCJI --- *\/\n .hero-features {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap; \n gap: 20px 30px; \n margin-bottom: 40px;\n max-width: 900px;\n }\n\n .hero-feature-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--text-light);\n font-weight: 500; \n font-size: 1.1rem;\n background: rgba(0, 0, 0, 0.2);\n padding: 8px 16px;\n border-radius: 8px;\n backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.05); \/* Delikatna ramka dodaj\u0105ca g\u0142\u0119bi *\/\n }\n\n .hero-feature-item svg {\n color: var(--brand-color); \n flex-shrink: 0;\n }\n\n \/* --- CENA --- *\/\n .price-offer-block {\n display: inline-block;\n color: var(--text-light);\n font-weight: 500;\n font-size: 1.05rem; \n line-height: 1.6;\n margin-top: 10px;\n background: rgba(0,0,0,0.4);\n padding: 12px 24px;\n border-radius: 12px;\n border: 1px solid rgba(212, 185, 130, 0.3); \/* Z\u0142ota, p\u00f3\u0142przezroczysta ramka bloku z cen\u0105 *\/\n }\n\n .price-value {\n display: block;\n font-weight: 800;\n font-size: 1.8rem;\n color: var(--brand-color);\n margin-top: 4px;\n }\n\n \/* --- STRZA\u0141KA --- *\/\n .scroll-down-arrow {\n margin-top: 50px;\n color: rgba(255, 255, 255, 0.7);\n animation: bounce-arrow 2s infinite;\n cursor: pointer;\n transition: color 0.3s ease;\n }\n \n .scroll-down-arrow:hover {\n color: var(--brand-color);\n }\n\n @keyframes bounce-arrow {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-15px); }\n 60% { transform: translateY(-7px); }\n }\n\n \/* --- RESPONSIVE --- *\/\n @media (max-width: 768px) {\n .hero-badge-cta {\n font-size: 0.85rem; \n padding: 12px 28px;\n margin-bottom: 20px;\n }\n\n .hero-subtitle {\n margin-bottom: 30px;\n }\n\n .hero-features {\n gap: 10px;\n margin-bottom: 30px;\n }\n\n .hero-feature-item {\n font-size: 0.95rem; \n padding: 6px 12px;\n width: calc(50% - 10px); \n justify-content: center;\n }\n\n .price-offer-block {\n font-size: 0.95rem; \n padding: 10px 20px;\n }\n\n .price-value {\n font-size: 1.5rem;\n }\n\n .scroll-down-arrow {\n margin-top: 35px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"info-block\">\n <a href=\"#kontakt\" class=\"hero-badge-cta\">Budynki ju\u017c stoj\u0105 \u2014 zobacz na \u017cywo<\/a>\n \n <h1 class=\"hero-title\">Nowe domy w Che\u0142mie.<br>Inwestuj w przestrze\u0144.<\/h1>\n <p class=\"hero-subtitle\">ul. Wolwin\u00f3w | ok. 8\u201310 min autem do centrum<\/p>\n \n <div class=\"hero-features\">\n <div class=\"hero-feature-item\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 12h16\"\/><path d=\"M12 4v16\"\/><\/svg>\n <span> 120 m\u00b2<\/span>\n <\/div>\n <div class=\"hero-feature-item\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21v-8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8\"\/><path d=\"M3 13V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8\"\/><path d=\"M12 3v18\"\/><\/svg>\n <span>5 pokoi<\/span>\n <\/div>\n <div class=\"hero-feature-item\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n <span>Gara\u017c w bryle<\/span>\n <\/div>\n <div class=\"hero-feature-item\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22v-7l-3-3\"\/><path d=\"M12 15l3-3\"\/><path d=\"M19 10c0-3-2-5-5-5a5.5 5.5 0 0 0-8.5 2.5 4.5 4.5 0 0 0 1.5 8.5h11a4.5 4.5 0 0 0 1-8.5z\"\/><\/svg>\n <span>Prywatna przestrze\u0144<\/span>\n <\/div>\n <\/div>\n \n <div class=\"price-offer-block\">\n Tw\u00f3j nowy dom z gara\u017cem ju\u017c od \n <span class=\"price-value\">589 000 z\u0142<\/span>\n <\/div>\n\n <a href=\"#wiecej\" class=\"scroll-down-arrow\" aria-label=\"Przewi\u0144 w d\u00f3\u0142\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n <\/a>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ce3929 e-con-full e-flex e-con e-parent\" data-id=\"9ce3929\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32cb566 elementor-widget elementor-widget-html\" data-id=\"32cb566\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Osiedle Wolwin\u00f3w - Parametry<\/title>\n <style>\n \/* Import nowoczesnego fontu Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;500;700;800&display=swap');\n\n :root {\n \/* Nowa paleta dopasowana do bohatera (Hero) *\/\n --bg-color: #fcfcfb; \n --text-dark: #1a1a1a; \n --brand-color: #D4B982; \/* Piaskowy z\u0142oty *\/\n --text-light-grey: #64748b;\n --text-grey: #475569;\n --card-bg: #ffffff;\n --font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .wolwinow-parameters {\n background-color: var(--bg-color); \n font-family: var(--font-family);\n padding: 5rem 1.5rem;\n color: var(--text-dark);\n }\n\n .wolwinow-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* --- Wprowadzenie --- *\/\n .parameters-intro {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 4rem auto;\n }\n\n .parameters-title {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n line-height: 1.2;\n font-weight: 800;\n margin-bottom: 1rem;\n color: var(--text-dark);\n letter-spacing: -0.02em;\n }\n\n .parameters-subtitle {\n font-size: 1.125rem;\n color: var(--text-grey);\n line-height: 1.6;\n margin: 0;\n font-weight: 500;\n }\n\n \/* --- Grid Parametr\u00f3w --- *\/\n .stats-grid {\n display: grid;\n grid-template-columns: 1fr; \/* Mobile: 1 kolumna *\/\n gap: 1.5rem;\n }\n\n \/* --- Karty Parametr\u00f3w --- *\/\n .stat-card {\n background-color: var(--card-bg);\n border-radius: 16px;\n padding: 2.5rem 2rem;\n text-align: center;\n border: 1px solid #e2e8f0;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -10px rgba(0,0,0,0.08);\n }\n\n \/* Wyr\u00f3\u017cnienie \u015brodkowej karty - Piaskowy z\u0142oty *\/\n .stat-card.highlighted {\n background-color: var(--brand-color);\n color: var(--text-dark); \/* Ciemny tekst dla kontrastu z jasnym z\u0142otym *\/\n border-color: var(--brand-color);\n box-shadow: 0 10px 25px -5px rgba(212, 185, 130, 0.4); \n }\n\n .stat-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 1.5rem;\n color: var(--brand-color); \/* Ikony w piaskowym z\u0142ocie dla zwyk\u0142ych kart *\/\n }\n\n .highlighted .stat-icon {\n color: var(--text-dark); \/* Ciemna ikona na z\u0142otym tle *\/\n }\n\n .stat-label {\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n margin: 0 0 1rem 0;\n color: var(--text-light-grey);\n }\n\n .highlighted .stat-label {\n color: rgba(26, 26, 26, 0.7); \/* Dopasowany szary na z\u0142otym tle *\/\n }\n\n .stat-value {\n font-size: clamp(2rem, 4vw, 2.5rem); \n font-weight: 800;\n margin: 0 0 1rem 0;\n line-height: 1.1;\n }\n\n .stat-detail {\n font-size: 1rem;\n line-height: 1.5;\n margin: 0;\n color: var(--text-grey);\n }\n\n .highlighted .stat-detail {\n color: rgba(26, 26, 26, 0.9); \/* Ciemny szary dla czytelno\u015bci *\/\n }\n\n \/* --- Responsywno\u015b\u0107 --- *\/\n @media (min-width: 768px) {\n .stats-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"wolwinow-parameters\">\n <div class=\"wolwinow-container\">\n\n <div class=\"parameters-intro\">\n <h2 class=\"parameters-title\">Wi\u0119cej przestrzeni<br>dla Twojej rodziny<\/h2>\n <p class=\"parameters-subtitle\">\n Osiedle Wolwin\u00f3w to 18 dom\u00f3w w zabudowie szeregowej, kt\u00f3re stanowi\u0105 realn\u0105 alternatyw\u0119 dla mieszkania. Zyskujesz wi\u0119ksz\u0105 wygod\u0119, w\u0142asny gara\u017c i przestrze\u0144 do \u017cycia, zachowuj\u0105c szybki dost\u0119p do centrum.\n <\/p>\n <\/div>\n\n <div class=\"stats-grid\">\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <p class=\"stat-label\">Lokalizacja<\/p>\n <h3 class=\"stat-value\">Che\u0142m<\/h3>\n <p class=\"stat-detail\">ul. Wolwin\u00f3w, zaledwie <strong>ok. 8\u201310 min autem<\/strong> do centrum miasta.<\/p>\n <\/div>\n\n <div class=\"stat-card highlighted\">\n <div class=\"stat-icon\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21v-8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8\"\/><path d=\"M3 13V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8\"\/><path d=\"M12 3v18\"\/><\/svg>\n <\/div>\n <p class=\"stat-label\">Przestrze\u0144 dla rodziny<\/p>\n <h3 class=\"stat-value\">ok. 120 m\u00b2<\/h3>\n <p class=\"stat-detail\">Funkcjonalny uk\u0142ad: <strong>5 pokoi oraz gara\u017c<\/strong> zintegrowany w bryle budynku.<\/p>\n <\/div>\n\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22v-8\"\/><path d=\"M12 14c-4 0-6-3-6-6 0-3 2-4 4-4 1 0 2 1 2 1s1-1 2-1c2 0 4 1 4 4 0 3-2 6-6 6z\"\/><path d=\"M8 14h8\"\/><\/svg>\n <\/div>\n <p class=\"stat-label\">Atrakcyjna cena<\/p>\n <h3 class=\"stat-value\">od 589 tys. z\u0142<\/h3>\n <p class=\"stat-detail\">Kupujesz dom z <strong>prywatn\u0105 dzia\u0142k\u0105<\/strong> w bud\u017cecie por\u00f3wnywalnym z mieszkaniem.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e64691 e-con-full e-flex e-con e-parent\" data-id=\"2e64691\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5617ce6 elementor-widget elementor-widget-html\" data-id=\"5617ce6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Osiedle Wolwin\u00f3w - Baner CTA<\/title>\n <style>\n \/* Import fontu Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap');\n\n :root {\n --banner-bg: #D4B982; \/* Piaskowy z\u0142oty *\/\n --text-dark: #1a1a1a; \/* Ciemny tekst dla idealnego kontrastu *\/\n --btn-bg: #1a1a1a; \/* Ciemny przycisk na z\u0142otym tle *\/\n --text-white: #ffffff;\n --hover-btn-bg: #333333; \/* Rozja\u015bniony ciemny na hover *\/\n --font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .wolwinow-cta-banner {\n background-color: var(--banner-bg);\n font-family: var(--font-family);\n width: 100%;\n padding: 4rem 1.5rem; \n }\n\n .cta-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: column; \n align-items: center;\n text-align: center;\n gap: 2.5rem;\n }\n\n \/* --- Sekcja informacyjna (Ikona + Tekst) --- *\/\n .cta-info-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n .cta-icon {\n color: var(--text-dark);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(26, 26, 26, 0.05); \/* Delikatne t\u0142o pod ikon\u0105 *\/\n padding: 1rem;\n border-radius: 50%;\n }\n\n .cta-text-content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .cta-primary-text {\n color: var(--text-dark);\n font-size: clamp(1.2rem, 3vw, 1.6rem);\n font-weight: 800;\n letter-spacing: -0.02em;\n }\n \n .cta-secondary-text {\n color: rgba(26, 26, 26, 0.8);\n font-size: 1rem;\n font-weight: 500;\n max-width: 500px;\n line-height: 1.5;\n }\n\n \/* --- Linki kontaktowe --- *\/\n .contact-links-wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin-top: 0.5rem;\n }\n\n .contact-link {\n color: var(--text-dark);\n text-decoration: none;\n transition: opacity 0.2s ease;\n }\n\n .contact-link:hover {\n opacity: 0.7;\n }\n\n .phone-link {\n font-weight: 800;\n font-size: 1.25rem;\n white-space: nowrap;\n }\n\n .email-link {\n font-size: 1rem;\n font-weight: 500;\n }\n\n \/* --- Przycisk --- *\/\n .btn-primary {\n display: inline-block;\n background-color: var(--btn-bg);\n color: var(--text-white);\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n padding: 1.2rem 3rem;\n border-radius: 50px; \n transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n }\n\n .btn-primary:hover {\n background-color: var(--hover-btn-bg);\n transform: translateY(-3px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);\n }\n\n .btn-primary:active {\n transform: translateY(0);\n }\n\n \/* --- Responsywno\u015b\u0107 dla Desktopu --- *\/\n @media (min-width: 768px) {\n .cta-container {\n flex-direction: row; \n justify-content: space-between;\n text-align: left;\n gap: 0;\n }\n\n .cta-info-wrapper {\n flex-direction: row;\n align-items: center;\n gap: 2rem;\n }\n \n .cta-text-content {\n align-items: flex-start;\n }\n\n .contact-links-wrapper {\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"wolwinow-cta-banner\">\n <div class=\"cta-container\">\n \n <div class=\"cta-info-wrapper\">\n <div class=\"cta-icon\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><path d=\"M8 14h.01\"><\/path><path d=\"M12 14h.01\"><\/path><path d=\"M16 14h.01\"><\/path><path d=\"M8 18h.01\"><\/path><path d=\"M12 18h.01\"><\/path><path d=\"M16 18h.01\"><\/path><\/svg>\n <\/div>\n \n <div class=\"cta-text-content\">\n <div class=\"cta-primary-text\">\n Nie kupuj z wizualizacji. Zobacz to na \u017cywo.\n <\/div>\n <div class=\"cta-secondary-text\">\n Budynki ju\u017c stoj\u0105. Um\u00f3w si\u0119 na spotkanie i porozmawiaj z osob\u0105, kt\u00f3ra od 15 lat dzia\u0142a na rynku nieruchomo\u015bci.\n <\/div>\n \n <div class=\"contact-links-wrapper\">\n <a href=\"tel:+48000000000\" class=\"contact-link phone-link\">+48 500 055 557<\/a>\n <a href=\"mailto:biuro@wolwinow.pl\" class=\"contact-link email-link\">biuro@wolwinow.pl<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-action-wrapper\">\n <a href=\"#kontakt\" class=\"btn-primary\">Um\u00f3w prezentacj\u0119<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5adcd7 e-flex e-con-boxed e-con e-parent\" data-id=\"a5adcd7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27c31e4 e-con-full e-flex e-con e-parent\" data-id=\"27c31e4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a000e elementor-widget elementor-widget-html\" data-id=\"d6a000e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Osiedle Wolwin\u00f3w - Atuty Inwestycji<\/title>\n <style>\n \/* Import fontu Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n \/* --- Zmienne brandowe Osiedla Wolwin\u00f3w --- *\/\n :root {\n --brand-color: #D4B982; \/* Piaskowy z\u0142oty *\/\n --bg-color-alt: #fcfcfb; \n --text-dark: #1a1a1a;\n --text-grey: #475569;\n --card-bg: #ffffff;\n --font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n background-color: var(--bg-color-alt); \n margin: 0;\n padding: 0;\n }\n\n .wolwinow-features {\n font-family: var(--font-family);\n padding: 5rem 1.5rem; \n background-color: var(--bg-color-alt);\n }\n\n \/* --- Nag\u0142\u00f3wek Sekcji --- *\/\n .features-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 3.5rem auto; \n }\n\n .features-main-title {\n font-size: clamp(1.5rem, 3.5vw, 2.2rem);\n font-weight: 800;\n color: var(--text-dark);\n margin: 0 0 1rem 0;\n line-height: 1.2;\n letter-spacing: -0.01em;\n }\n\n .highlight-word {\n color: var(--brand-color);\n }\n\n .features-subtitle {\n font-size: clamp(0.95rem, 2vw, 1.05rem);\n color: var(--text-grey);\n font-weight: 500;\n margin: 0;\n line-height: 1.6;\n }\n\n \/* --- Grid Kafelk\u00f3w --- *\/\n .features-grid {\n max-width: 1200px; \n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(1, 1fr); \n gap: 1.5rem; \n justify-content: center;\n }\n\n \/* --- G\u0142\u00f3wne style kafelka --- *\/\n .feature-card {\n background-color: var(--card-bg);\n border-radius: 12px; \n border: 1px solid var(--brand-color); \n padding: 1.5rem 1rem; \n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 140px; \n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);\n }\n\n .feature-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(212, 185, 130, 0.2); \n }\n\n \/* --- Ikona --- *\/\n .feature-icon-wrapper {\n margin-bottom: 0.75rem;\n color: var(--brand-color);\n }\n\n .feature-icon-wrapper svg {\n width: 32px; \n height: 32px;\n stroke-width: 1.5; \n }\n\n \/* --- Tre\u015b\u0107 --- *\/\n .feature-text {\n font-size: 0.85rem; \n font-weight: 700;\n color: var(--text-dark);\n line-height: 1.4;\n text-transform: uppercase;\n letter-spacing: 0.05em; \n text-wrap: balance;\n }\n\n .highlight-value {\n color: var(--brand-color);\n font-weight: 800;\n font-size: 1.05rem; \n }\n\n \/* ============================== *\/\n \/* RESPONSIVE DESIGN *\/\n \/* ============================== *\/\n \n @media (min-width: 480px) {\n .features-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (min-width: 768px) {\n .features-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n @media (min-width: 1024px) {\n .features-grid { \n grid-template-columns: repeat(3, 1fr);\n max-width: 900px;\n gap: 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"wolwinow-features\">\n <div class=\"features-header\">\n <h2 class=\"features-main-title\">Wszystko, czego <span class=\"highlight-word\">potrzebujesz.<\/span><\/h2>\n <p class=\"features-subtitle\">Poznaj atuty Osiedla Wolwin\u00f3w, kt\u00f3re sprawiaj\u0105, \u017ce inwestycja to realna alternatywa dla mieszkania.<\/p>\n <\/div>\n\n <div class=\"features-grid\">\n \n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 12h16\"\/><path d=\"M12 4v16\"\/><\/svg>\n <\/div>\n <p class=\"feature-text\"> <span class=\"highlight-value\">120 m\u00b2<\/span><\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z\"\/><path d=\"m3 9 2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9\"\/><path d=\"M12 3v6\"\/><\/svg>\n <\/div>\n <p class=\"feature-text\"><span class=\"highlight-value\">5<\/span> POKOI<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n <\/div>\n <p class=\"feature-text\">GARA\u017b W BRYLE<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22v-7l-3-3\"\/><path d=\"M12 15l3-3\"\/><path d=\"M19 10c0-3-2-5-5-5a5.5 5.5 0 0 0-8.5 2.5 4.5 4.5 0 0 0 1.5 8.5h11a4.5 4.5 0 0 0 1-8.5z\"\/><\/svg>\n <\/div>\n <p class=\"feature-text\">PRYWATNA PRZESTRZE\u0143<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n <\/div>\n <p class=\"feature-text\">OBEJRZYJ NA \u017bYWO<\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon-wrapper\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n <\/div>\n <p class=\"feature-text\">PLANOWANA STREFA WSP\u00d3LNA<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72753fe e-con-full e-flex e-con e-parent\" data-id=\"72753fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90fe29c elementor-widget elementor-widget-html\" data-id=\"90fe29c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Osiedle Wolwin\u00f3w - Sekcja Ofertowa<\/title>\n <style>\n \/* Import fontu Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n :root {\n --brand-color: #D4B982; \/* Piaskowy z\u0142oty *\/\n --brand-color-hover: #C2A569;\n --bg-dark: #1a1a1a; \/* Ciemne t\u0142o sekcji dla kontrastu *\/\n --card-bg: #ffffff; \/* Bia\u0142a karta oferty *\/\n --text-dark: #1a1a1a;\n --text-grey: #475569;\n --text-light: #ffffff;\n --font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .wolwinow-offer-section {\n background-color: var(--bg-dark);\n font-family: var(--font-family);\n padding: 5rem 1.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .offer-container {\n max-width: 1000px;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 3rem;\n }\n\n \/* --- Nag\u0142\u00f3wek sekcji --- *\/\n .offer-header {\n color: var(--text-light);\n max-width: 700px;\n }\n\n .offer-header-subtitle {\n color: var(--brand-color);\n font-size: 0.95rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 0.75rem;\n display: block;\n }\n\n .offer-header-title {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.02em;\n margin-bottom: 1rem;\n }\n\n .offer-header-desc {\n font-size: 1.05rem;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\n\n \/* --- Karta Ofertowa (Kafelek) --- *\/\n .offer-card {\n background-color: var(--card-bg);\n border-radius: 20px;\n padding: 3rem 2.5rem;\n max-width: 480px;\n width: 100%;\n position: relative;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n text-align: left;\n border-top: 6px solid var(--brand-color);\n }\n\n \/* Badge z pilno\u015bci\u0105 *\/\n .offer-badge {\n position: absolute;\n top: -18px;\n left: 50%;\n transform: translateX(-50%);\n background-color: #e11d48; \/* Czerwie\u0144 alarmowa lub mo\u017cna zmieni\u0107 na z\u0142oty, ale czerwie\u0144 mocniej konwertuje *\/\n color: white;\n font-size: 0.85rem;\n font-weight: 800;\n padding: 8px 20px;\n border-radius: 50px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n white-space: nowrap;\n box-shadow: 0 4px 10px rgba(225, 29, 72, 0.3);\n animation: pulse-red 2s infinite;\n }\n\n @keyframes pulse-red {\n 0% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.7); }\n 70% { box-shadow: 0 0 0 10px rgba(225, 29, 72, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0); }\n }\n\n \/* Zawarto\u015b\u0107 karty *\/\n .offer-card-title {\n color: var(--text-dark);\n font-size: 1.5rem;\n font-weight: 800;\n margin-bottom: 0.5rem;\n }\n\n .offer-card-price-wrapper {\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .offer-card-price-label {\n font-size: 0.9rem;\n color: var(--text-grey);\n font-weight: 500;\n margin-bottom: 0.25rem;\n display: block;\n }\n\n .offer-card-price {\n font-size: 2.5rem;\n font-weight: 800;\n color: var(--text-dark);\n line-height: 1;\n }\n\n .offer-card-price span {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-grey);\n }\n\n \/* Parametry z checkmarkami *\/\n .offer-params-list {\n list-style: none;\n margin-bottom: 2.5rem;\n }\n\n .offer-params-list li {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-bottom: 1rem;\n color: var(--text-dark);\n font-size: 1.05rem;\n font-weight: 500;\n }\n\n .offer-params-list li:last-child {\n margin-bottom: 0;\n }\n\n .offer-params-list svg {\n color: var(--brand-color);\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n \/* CTA na karcie *\/\n .offer-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n background-color: var(--brand-color);\n color: var(--text-dark);\n font-size: 1.1rem;\n font-weight: 700;\n text-decoration: none;\n padding: 1.25rem;\n border-radius: 12px;\n transition: background-color 0.3s ease, transform 0.2s ease;\n }\n\n .offer-btn:hover {\n background-color: var(--brand-color-hover);\n transform: translateY(-2px);\n }\n\n \/* ============================== *\/\n \/* RESPONSIVE DESIGN *\/\n \/* ============================== *\/\n @media (max-width: 480px) {\n .offer-card {\n padding: 2.5rem 1.5rem;\n }\n .offer-card-price {\n font-size: 2.2rem;\n }\n .offer-badge {\n font-size: 0.75rem;\n padding: 6px 16px;\n }\n .offer-params-list li {\n font-size: 0.95rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"wolwinow-offer-section\">\n <div class=\"offer-container\">\n \n <div class=\"offer-header\">\n <span class=\"offer-header-subtitle\">I Etap Inwestycji<\/span>\n <h2 class=\"offer-header-title\">Ostatnia szansa na zakup w pierwszej cenie<\/h2>\n <p class=\"offer-header-desc\">Kolejne etapy budowy b\u0119d\u0105 podlega\u0107 aktualizacji cennika. Zarezerwuj sw\u00f3j dom na obecnych, preferencyjnych warunkach przedsprzeda\u017cowych.<\/p>\n <\/div>\n\n <div class=\"offer-card\">\n <div class=\"offer-badge\">Ostatnie 2 domy w tej cenie<\/div>\n \n <h3 class=\"offer-card-title\">Dom rodzinny z gara\u017cem<\/h3>\n \n <div class=\"offer-card-price-wrapper\">\n <span class=\"offer-card-price-label\">Gwarantowana cena I etapu:<\/span>\n <div class=\"offer-card-price\">589 000 <span>z\u0142<\/span><\/div>\n <\/div>\n\n <ul class=\"offer-params-list\">\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n Powierzchnia ok. 120 m\u00b2\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n 5 funkcjonalnych pokoi\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n Gara\u017c w bryle budynku\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n Prywatna dzia\u0142ka\n <\/li>\n <li>\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n Odbi\u00f3r do ko\u0144ca 2026 r.\n <\/li>\n <\/ul>\n\n <a href=\"#kontakt\" class=\"offer-btn\">Zapytaj o dost\u0119pno\u015b\u0107<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bae7a98 e-con-full e-flex e-con e-parent\" data-id=\"bae7a98\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb97fe7 elementor-widget elementor-widget-html\" data-id=\"bb97fe7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Osiedle Wolwin\u00f3w - Lokalizacja<\/title>\n <style>\n \/* Import fontu Plus Jakarta Sans *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n :root {\n --brand-color: #D4B982; \/* Piaskowy z\u0142oty *\/\n --bg-light: #fcfcfb; \/* Jasne, ciep\u0142e t\u0142o *\/\n --text-dark: #1a1a1a;\n --text-grey: #475569;\n --card-bg: #ffffff;\n --font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Zabezpieczenie przed ewentualnym poziomym scrollem ca\u0142ej strony *\/\n html, body {\n overflow-x: hidden;\n width: 100%;\n }\n\n .wolwinow-location {\n background-color: var(--bg-light);\n font-family: var(--font-family);\n padding: 4rem 1.25rem; \/* Nieco mniejszy padding na mobile *\/\n color: var(--text-dark);\n width: 100%;\n overflow: hidden;\n }\n\n .location-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n \/* --- Lewa kolumna: Tekst i przycisk --- *\/\n .location-info {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n }\n\n .location-tag {\n color: var(--brand-color);\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n }\n\n .location-title {\n font-size: clamp(1.6rem, 7vw, 2.5rem); \/* Lepsze skalowanie na mobile *\/\n font-weight: 800;\n line-height: 1.2;\n letter-spacing: -0.02em;\n }\n\n .location-desc {\n font-size: 1rem;\n color: var(--text-grey);\n line-height: 1.6;\n font-weight: 500;\n margin-bottom: 0.5rem;\n }\n\n \/* Przycisk zast\u0119puj\u0105cy map\u0119 *\/\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background-color: transparent;\n color: var(--text-dark);\n font-size: 1rem;\n font-weight: 700;\n text-decoration: none;\n padding: 1rem 1.8rem;\n border: 2px solid var(--brand-color);\n border-radius: 50px;\n transition: all 0.3s ease;\n width: 100%; \/* Na mobile na ca\u0142\u0105 szeroko\u015b\u0107 *\/\n text-align: center;\n }\n\n .btn-secondary svg {\n transition: transform 0.3s ease;\n }\n\n .btn-secondary:hover {\n background-color: var(--brand-color);\n transform: translateY(-2px);\n }\n\n .btn-secondary:hover svg {\n transform: translateY(3px);\n }\n\n \/* --- Prawa kolumna: Lista punkt\u00f3w (Timeline\/Cards) --- *\/\n .location-places-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n\n .place-item {\n background-color: var(--card-bg);\n border-radius: 14px;\n padding: 1.25rem;\n display: flex;\n flex-direction: column; \/* UK\u0141AD PIONOWY NA MOBILE ZAPOBIEGA UCINANIU *\/\n align-items: flex-start;\n gap: 1rem;\n border: 1px solid #e2e8f0;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n width: 100%;\n }\n\n .place-item:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.03);\n border-color: var(--brand-color);\n }\n\n .place-details {\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n }\n\n .place-icon {\n color: var(--brand-color);\n background: rgba(212, 185, 130, 0.1);\n padding: 10px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n }\n\n .place-text-wrapper {\n flex: 1;\n min-width: 0; \/* Zabezpieczenie przed ucinaniem d\u0142ugich s\u0142\u00f3w *\/\n }\n\n .place-name {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 0.2rem;\n word-wrap: break-word;\n }\n\n .place-desc {\n font-size: 0.85rem;\n color: var(--text-grey);\n font-weight: 500;\n line-height: 1.4;\n }\n\n \/* Wska\u017anik czasu \/ odleg\u0142o\u015bci *\/\n .place-time-badge {\n background-color: #f1f5f9;\n color: var(--text-dark);\n padding: 8px 14px;\n border-radius: 30px;\n font-size: 0.85rem;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n border: 1px solid #e2e8f0;\n margin-left: 0; \/* Na mobile wyr\u00f3wnane do lewej *\/\n align-self: flex-start;\n }\n\n .place-time-badge svg {\n color: var(--text-grey);\n flex-shrink: 0;\n }\n\n \/* ============================== *\/\n \/* RESPONSIVE DESIGN *\/\n \/* ============================== *\/\n \n \/* Ma\u0142e ekrany \/ orientacja pozioma - powr\u00f3t przycisku do naturalnej szeroko\u015bci *\/\n @media (min-width: 480px) {\n .btn-secondary {\n width: auto;\n }\n }\n\n \/* \u015arednie ekrany (Tablety) - uk\u0142ad poziomy dla kafelk\u00f3w z miejscami *\/\n @media (min-width: 576px) {\n .place-item {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1.5rem;\n }\n\n .place-time-badge {\n white-space: nowrap;\n margin-left: auto;\n align-self: auto;\n }\n \n .place-item:hover {\n transform: translateX(5px); \/* Przy uk\u0142adzie poziomym animacja w prawo wygl\u0105da lepiej *\/\n }\n }\n\n \/* Du\u017ce ekrany (Desktop) - dwie kolumny ca\u0142ej sekcji *\/\n @media (min-width: 992px) {\n .wolwinow-location {\n padding: 6rem 2rem;\n }\n \n .location-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"wolwinow-location\">\n <div class=\"location-container\">\n \n <div class=\"location-info\">\n <span class=\"location-tag\">Doskona\u0142y kompromis<\/span>\n <h2 class=\"location-title\">Spok\u00f3j u progu natury,<br>miasto na wyci\u0105gni\u0119cie r\u0119ki<\/h2>\n <p class=\"location-desc\">\n Po\u0142udniowo-wschodnia cz\u0119\u015b\u0107 Che\u0142ma to idealne \u015brodowisko do \u017cycia dla rodzin. Wybieraj\u0105c dom przy ul. Wolwin\u00f3w, zyskujesz prywatno\u015b\u0107, bezpieczn\u0105 przestrze\u0144 i wolno\u015b\u0107 od miejskiego zgie\u0142ku, zachowuj\u0105c sprawny i szybki dojazd do kluczowych punkt\u00f3w handlowych oraz edukacyjnych.\n <\/p>\n \n <a href=\"#mapa\" class=\"btn-secondary\">\n Sprawd\u017a na mapie poni\u017cej\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M19 12l-7 7-7-7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <div class=\"location-places-list\">\n \n <div class=\"place-item\">\n <div class=\"place-details\">\n <div class=\"place-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 22 1-1c1.4-1.4 2.4-3.2 3-5.2l.3-1c1.1-3.9-.7-8-4.4-9.4L11 5c-3.8-1.2-7.9.9-9 4.7L1.7 11c-.5 2 0 4.1 1.2 5.8L12 22Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div class=\"place-text-wrapper\">\n <h3 class=\"place-name\">Centrum Che\u0142ma<\/h3>\n <p class=\"place-desc\">Plac dr. Edwarda \u0141uczkowskiego<\/p>\n <\/div>\n <\/div>\n <div class=\"place-time-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n ok. 8\u201310 min\n <\/div>\n <\/div>\n\n <div class=\"place-item\">\n <div class=\"place-details\">\n <div class=\"place-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n <\/div>\n <div class=\"place-text-wrapper\">\n <h3 class=\"place-name\">Codzienne zakupy<\/h3>\n <p class=\"place-desc\">Sklepy spo\u017cywcze i punkty us\u0142ugowe<\/p>\n <\/div>\n <\/div>\n <div class=\"place-time-badge\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n w okolicy\n <\/div>\n <\/div>\n\n <div class=\"place-item\">\n <div class=\"place-details\">\n <div class=\"place-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 2 3 6 3s6-1 6-3v-5\"\/><\/svg>\n <\/div>\n <div class=\"place-text-wrapper\">\n <h3 class=\"place-name\">Edukacja i opieka<\/h3>\n <p class=\"place-desc\">Szko\u0142y podstawowe i przedszkola<\/p>\n <\/div>\n <\/div>\n <div class=\"place-time-badge\">\n Szybki dojazd\n <\/div>\n <\/div>\n\n <div class=\"place-item\">\n <div class=\"place-details\">\n <div class=\"place-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22v-7l-3-3\"\/><path d=\"M12 15l3-3\"\/><path d=\"M19 10c0-3-2-5-5-5a5.5 5.5 0 0 0-8.5 2.5 4.5 4.5 0 0 0 1.5 8.5h11a4.5 4.5 0 0 0 1-8.5z\"\/><\/svg>\n <\/div>\n <div class=\"place-text-wrapper\">\n <h3 class=\"place-name\">Otoczenie osiedla<\/h3>\n <p class=\"place-desc\">Tereny zielone i rekreacyjne<\/p>\n <\/div>\n <\/div>\n <div class=\"place-time-badge\">\n Na miejscu\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d99e349 e-con-full e-flex e-con e-parent\" data-id=\"d99e349\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b97a8 elementor-widget elementor-widget-google_maps\" data-id=\"46b97a8\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Che%C5%82m%2CWolwniow&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"Che\u0142m,Wolwniow\"\n\t\t\t\t\taria-label=\"Che\u0142m,Wolwniow\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Osiedle Wolwin\u00f3w – Hero Section Budynki ju\u017c stoj\u0105 \u2014 zobacz na \u017cywo Nowe domy w Che\u0142mie.Inwestuj w przestrze\u0144. ul. Wolwin\u00f3w | ok. 8\u201310 min autem do centrum 120 m\u00b2 5 pokoi Gara\u017c w bryle Prywatna przestrze\u0144 Tw\u00f3j nowy dom z gara\u017cem ju\u017c od 589 000 z\u0142 Osiedle Wolwin\u00f3w – Parametry Wi\u0119cej przestrzenidla Twojej rodziny Osiedle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":370,"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/oferta-dewelopera.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}