<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Baltic Korona &#8211; Apartamenty Darłówko | Wynajem nad Morzem &#8211; DreamHouse</title>
	<atom:link href="https://apartamenty-darlowko.pl/rt-rooms-category/baltic-korona/feed/" rel="self" type="application/rss+xml" />
	<link>https://apartamenty-darlowko.pl</link>
	<description>Wynajem nad Morzem - DreamHouse</description>
	<lastBuildDate>Thu, 15 Oct 2026 23:17:00 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://apartamenty-darlowko.pl/wp-content/uploads/2026/02/cropped-H_LOGO.pdf-8-scaled-1-32x32.png</url>
	<title>Baltic Korona &#8211; Apartamenty Darłówko | Wynajem nad Morzem &#8211; DreamHouse</title>
	<link>https://apartamenty-darlowko.pl</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Łódź</title>
		<link>https://apartamenty-darlowko.pl/dreamhouse/lodz/</link>
		
		<dc:creator><![CDATA[Asodiumart]]></dc:creator>
		<pubDate>Thu, 26 Feb 2026 13:27:39 +0000</pubDate>
				<guid isPermaLink="false">http://www.wakacjewdarlowie.pl/?post_type=rt-rooms&#038;p=5160</guid>

					<description><![CDATA[<p>ul. Północna 18B • Darłówko Wschodnie Wyposażenie apartamentu W apartamencie znajdziesz wszystko, czego potrzebujesz do wygodnego wypoczynku nad morzem. TV Wi‑Fi Pralka Aneks kuchenny Kabina prysznicowa Ręczniki i pościel Ogrzewanie Meble tarasowe Suszarka do włosów Taras Miejsce parkingowe Apartament przy ul. Północnej 18B to komfortowa propozycja na wypoczynek nad morzem. Lokal znajduje się na 2....</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://apartamenty-darlowko.pl/dreamhouse/lodz/">Łódź</a> first appeared on <a rel="nofollow" href="https://apartamenty-darlowko.pl">Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse</a>.&lt;/p&gt;</p>
]]></description>
			<style id="elementor-post-5160">.elementor-5160 .elementor-element.elementor-element-a54b943{--display:flex;}.elementor-5160 .elementor-element.elementor-element-fb467da{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5160 .elementor-element.elementor-element-7eadc1e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 .swiper-prev{color:#FFFFFF;background-color:#00CDFF !important;border-color:#00CDFF !important;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 .swiper-next{color:#FFFFFF;background-color:#00CDFF !important;border-color:#00CDFF !important;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 .swiper-prev:hover{color:#00CDFF;background:#FFFFFF !important;border-color:#FFFFFF !important;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 .swiper-next:hover{color:#00CDFF;background:#FFFFFF !important;border-color:#FFFFFF !important;}.elementor-5160 .elementor-element.elementor-element-4b1396c4 .swiper-overlay{opacity:0.4;}.elementor-5160 .elementor-element.elementor-element-4b248c9{--display:flex;}.elementor-5160 .elementor-element.elementor-element-58ff5fc9{--display:flex;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 50px 0px #70DCFA;}.elementor-5160 .elementor-element.elementor-element-3512812{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5160 .elementor-element.elementor-element-78825b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5160 .elementor-element.elementor-element-d4e66d7 .react-heading{text-align:center;}.elementor-5160 .elementor-element.elementor-element-d4e66d7 .image-heading{justify-content:center;}.elementor-5160 .elementor-element.elementor-element-d4e66d7 .react-heading .rts__section__inner .rts__section__subtitle{color:#000000;}.elementor-5160 .elementor-element.elementor-element-d4e66d7 .react-heading .rts__section__inner .rts__section__title{font-family:"Jost", Sans-serif;font-weight:400;color:#000000;margin:0px 0px 0px 0px;}.elementor-5160 .elementor-element.elementor-element-0b5b6e5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5160 .elementor-element.elementor-element-e042e32{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5160 .elementor-element.elementor-element-abac21c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-5160 .elementor-element.elementor-element-abac21c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5160 .elementor-element.elementor-element-abac21c .elementor-widget-container .jarallax{width:235px !important;height:235px !important;border-radius:1000px 1000px 1000px 1000px !important;}.elementor-5160 .elementor-element.elementor-element-abac21c .elementor-widget-container img{width:235px;height:235px;border-radius:1000px 1000px 1000px 1000px;}.elementor-5160 .elementor-element.elementor-element-8b5baed{--display:flex;--min-height:0px;}.elementor-5160 .elementor-element.elementor-element-ee15c1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-5160 .elementor-element.elementor-element-8b5baed{--width:100%;}}@media(max-width:1366px){.elementor-5160 .elementor-element.elementor-element-0b5b6e5{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5160 .elementor-element.elementor-element-abac21c{width:var( --container-widget-width, 561px );max-width:561px;--container-widget-width:561px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-5160 .elementor-element.elementor-element-0b5b6e5{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:880px){.elementor-5160 .elementor-element.elementor-element-0b5b6e5{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-5160 .elementor-element.elementor-element-d4e66d7 .react-heading .rts__section__inner .rts__section__title{font-size:36px;}.elementor-5160 .elementor-element.elementor-element-0b5b6e5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5160" class="elementor elementor-5160">
				<div class="elementor-element elementor-element-a54b943 e-flex e-con-boxed e-con e-parent" data-id="a54b943" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fb467da elementor-widget__width-auto elementor-widget elementor-widget-html" data-id="fb467da" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="verde-reservation-block" aria-label="Wyposażenie apartamentu i rezerwacja">
  <style>
    .verde-reservation-block,
    .verde-reservation-block * {
      box-sizing: border-box;
    }

    .verde-reservation-block {
      --accent: #00c8f4;
      --accent-dark: #079fc5;
      --text: #101828;
      --muted: #667085;
      --line: rgba(16, 24, 40, 0.08);
      --card: rgba(255, 255, 255, 0.88);
      --white: #ffffff;
      --shadow: 0 22px 55px rgba(16, 24, 40, 0.10);
      --shadow-soft: 0 12px 28px rgba(16, 24, 40, 0.07);

      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: clamp(18px, 3vw, 28px);
      position: relative;
      z-index: 5;
      overflow: visible;
      border: 1px solid rgba(255, 255, 255, 0.68);
      border-radius: clamp(28px, 4vw, 42px);
      background:
        radial-gradient(circle at 10% 6%, rgba(0, 200, 244, 0.24), transparent 34%),
        radial-gradient(circle at 88% 15%, rgba(0, 200, 244, 0.11), transparent 30%),
        linear-gradient(135deg, rgba(235, 250, 255, 0.92), rgba(255, 255, 255, 0.76));
      box-shadow: 0 28px 80px rgba(16, 24, 40, 0.08);
      color: var(--text);
      font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    .verde-reservation-block::before {
      content: "";
      position: absolute;
      inset: 14px;
      z-index: -1;
      border-radius: inherit;
      background: rgba(255, 255, 255, 0.34);
      pointer-events: none;
    }

    .verde-reservation-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
      gap: clamp(26px, 4.5vw, 56px);
      align-items: center;
    }

    /* LEWA KOLUMNA: WYPOSAŻENIE */
    .equip-panel {
      min-width: 0;
      container-type: inline-size;
    }

    .equip-header {
      margin-bottom: 24px;
    }

    .equip-location {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      max-width: 100%;
      padding: 8px 13px;
      margin-bottom: 15px;
      border: 1px solid rgba(0, 200, 244, 0.18);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.84);
      box-shadow: 0 8px 20px rgba(0, 200, 244, 0.08);
      color: var(--accent-dark);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.35;
    }

    .equip-location::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 0 5px rgba(0, 200, 244, 0.12);
      flex: 0 0 auto;
    }

    .equip-header h2 {
      margin: 0;
      max-width: 560px;
      color: var(--text);
      font-size: clamp(31px, 6cqi, 48px);
      font-weight: 450;
      line-height: 1.05;
      letter-spacing: -0.045em;
    }

    .equip-intro {
      margin: 14px 0 0;
      max-width: 560px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.72;
    }

    .equip-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
      min-width: 0;
    }

    .equip-item {
      display: flex;
      align-items: center;
      gap: 11px;
      min-width: 0;
      min-height: 68px;
      width: 100%;
      padding: 13px 14px;
      border: 1px solid var(--line);
      border-radius: 19px;
      background: var(--card);
      box-shadow: var(--shadow-soft);
      color: var(--text);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.28;
      overflow: hidden;
      backdrop-filter: blur(10px);
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .equip-item:hover {
      transform: translateY(-2px);
      border-color: rgba(0, 200, 244, 0.34);
      box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10);
    }

    .equip-icon,
    .dh-widget__icon,
    .dh-widget__itemIcon,
    .dh-widget__noteIcon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      background: linear-gradient(135deg, rgba(0, 200, 244, 0.16), rgba(0, 200, 244, 0.05));
      color: var(--accent-dark);
    }

    .equip-icon {
      width: 34px;
      height: 34px;
      min-width: 34px;
      border-radius: 13px;
    }

    .equip-icon svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }

    .equip-item span:last-child {
      min-width: 0;
      overflow-wrap: anywhere;
      hyphens: auto;
    }

    .equip-item.premium {
      background: linear-gradient(135deg, rgba(0, 200, 244, 0.15), rgba(255, 255, 255, 0.90));
      border-color: rgba(0, 200, 244, 0.32);
    }

    .equip-item.premium .equip-icon {
      background: #ffffff;
      box-shadow: 0 8px 18px rgba(0, 200, 244, 0.14);
    }

    .equip-desc {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      margin-top: 26px;
    }

    .equip-desc p {
      margin: 0;
      padding: 18px 20px;
      border: 1px solid rgba(0, 200, 244, 0.14);
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.84);
      color: #475467;
      box-shadow: 0 12px 28px rgba(16, 24, 40, 0.06);
      font-size: 14px;
      line-height: 1.76;
    }

    @container (min-width: 720px) {
      .equip-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

    }

    @container (max-width: 430px) {
      .equip-header h2 {
        font-size: 30px;
      }

      .equip-grid {
        grid-template-columns: 1fr;
      }

      .equip-item {
        min-height: 62px;
      }
    }

    /* PRAWA KOLUMNA: POWIERZCHNIA + PANEL REZERWACJI */
    .dh-booking-column {
      width: 100%;
      align-self: center;
      position: sticky;
      top: 24px;
      display: grid;
      gap: 12px;
    }

    .dh-area-card {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      padding: 15px;
      border: 1px solid rgba(0, 200, 244, 0.18);
      border-radius: 22px;
      background: linear-gradient(135deg, rgba(0, 200, 244, 0.14), rgba(255, 255, 255, 0.94));
      box-shadow: var(--shadow-soft);
      backdrop-filter: blur(14px);
    }

    .dh-area-card__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 16px;
      background: var(--accent);
      color: #ffffff;
      box-shadow: 0 12px 22px rgba(0, 200, 244, 0.24);
    }

    .dh-area-card__label {
      margin: 0 0 3px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
    }

    .dh-area-card__value {
      margin: 0;
      color: var(--text);
      font-size: 24px;
      font-weight: 900;
      letter-spacing: -0.035em;
      line-height: 1.05;
    }

    .dh-area-card__unit {
      font-size: 13px;
      font-weight: 850;
      letter-spacing: 0;
    }

    .dh-widget {
      width: 100%;
      border: 1px solid rgba(16, 24, 40, 0.07);
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: var(--shadow);
      overflow: hidden;
      backdrop-filter: blur(14px);
    }

    .dh-widget__header {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 15px;
      background: linear-gradient(135deg, rgba(0, 200, 244, 0.16), rgba(255, 255, 255, 0.92));
      border-bottom: 1px solid rgba(16, 24, 40, 0.06);
    }

    .dh-widget__icon {
      width: 44px;
      height: 44px;
      border-radius: 16px;
      background: var(--accent);
      color: #ffffff;
      box-shadow: 0 12px 22px rgba(0, 200, 244, 0.24);
    }

    .dh-widget__titleWrap {
      min-width: 0;
    }

    .dh-widget__title {
      margin: 0;
      color: var(--text);
      font-size: 15px;
      font-weight: 850;
      line-height: 1.2;
    }

    .dh-widget__subtitle {
      margin: 3px 0 0;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.3;
    }

    .dh-widget__cta,
    .dh-widget__primaryBtn {
      text-decoration: none;
      cursor: pointer;
    }

    .dh-widget__cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 9px 12px;
      border-radius: 12px;
      background: var(--accent);
      color: #ffffff;
      font-size: 12px;
      font-weight: 850;
      box-shadow: 0 10px 18px rgba(0, 200, 244, 0.22);
      transition: transform 0.2s ease, filter 0.2s ease;
    }

    .dh-widget__cta:hover,
    .dh-widget__primaryBtn:hover {
      transform: translateY(-1px);
      filter: brightness(0.98);
    }

    .dh-widget__stats {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 16px;
      align-items: center;
      padding: 20px 20px 18px;
    }

    .dh-stat__label {
      margin-bottom: 3px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 600;
    }

    .dh-stat__value {
      color: var(--text);
      font-size: 29px;
      font-weight: 900;
      letter-spacing: -0.04em;
      line-height: 1.05;
      white-space: nowrap;
    }

    .dh-stat__unit {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0;
      color: var(--text);
    }

    .dh-divider {
      width: 1px;
      height: 50px;
      background: rgba(16, 24, 40, 0.10);
    }

    .dh-widget__section {
      padding: 4px 18px 18px;
    }

    .dh-widget__sectionTitle {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 12px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }

    .dh-widget__sectionTitle::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--accent);
    }

    .dh-widget__list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .dh-widget__item,
    .dh-widget__note {
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.76);
      box-shadow: 0 8px 18px rgba(16, 24, 40, 0.04);
    }

    .dh-widget__item {
      min-height: 50px;
      padding: 10px 12px;
    }

    .dh-widget__itemIcon,
    .dh-widget__noteIcon {
      width: 32px;
      height: 32px;
      border-radius: 12px;
    }

    .dh-widget__itemText {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .dh-widget__itemText strong {
      color: var(--text);
      font-weight: 850;
    }

    .dh-widget__note {
      align-items: flex-start;
      padding: 13px;
    }

    .dh-widget__noteText {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }

    .dh-widget__footer {
      padding: 6px 18px 20px;
    }

    .dh-widget__primaryBtn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      min-height: 52px;
      border-radius: 15px;
      background: linear-gradient(135deg, #10bfe5, #09aeda);
      color: #ffffff;
      font-size: 14px;
      font-weight: 900;
      box-shadow: 0 14px 24px rgba(0, 200, 244, 0.25);
      transition: transform 0.2s ease, filter 0.2s ease;
    }

    .dh-widget__primaryBtnArrow {
      font-size: 18px;
      line-height: 1;
    }

    .dh-widget__hint {
      margin: 11px 0 0;
      color: var(--muted);
      text-align: center;
      font-size: 11px;
      line-height: 1.35;
    }

    @media (max-width: 980px) {
      .verde-reservation-layout {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .dh-booking-column {
        position: relative;
        top: auto;
        max-width: 420px;
        align-self: start;
      }

      .dh-widget {
        max-width: 420px;
      }
    }

    @media (max-width: 560px) {
      .verde-reservation-block {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        border-radius: 28px;
        overflow: hidden;
      }

      .verde-reservation-layout {
        gap: 20px;
      }

      .equip-header h2 {
        max-width: 100%;
        font-size: clamp(25px, 7.2vw, 30px);
        line-height: 1.12;
        letter-spacing: -0.04em;
      }

      .equip-intro {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.65;
        overflow-wrap: anywhere;
      }

      .equip-grid {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .equip-item {
        min-height: 62px;
      }

      .dh-widget__header {
        grid-template-columns: 40px minmax(0, 1fr);
      }

      .dh-widget__cta {
        grid-column: 1 / -1;
        width: 100%;
      }
    }
  </style>

  <div class="verde-reservation-layout">
    <div class="equip-panel">
      <header class="equip-header">
        <div class="equip-location">ul. Północna 18B • Darłówko Wschodnie</div>
        <h2>Wyposażenie apartamentu</h2>
        <p class="equip-intro">W apartamencie znajdziesz wszystko, czego potrzebujesz do wygodnego wypoczynku nad morzem.</p>
      </header>

      <div class="equip-grid">
          
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="12" rx="2"></rect><path d="M8 21h8"></path><path d="M12 17v4"></path></svg></span><span>TV</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M5 13a10 10 0 0 1 14 0"></path><path d="M8.5 16.5a5 5 0 0 1 7 0"></path><path d="M12 20h.01"></path></svg></span><span>Wi‑Fi</span></div>
                        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><rect x="4" y="2" width="16" height="20" rx="2"></rect><circle cx="12" cy="14" r="4"></circle><path d="M8 6h.01"></path><path d="M11 6h5"></path></svg></span><span>Pralka</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M4 3v18"></path><path d="M8 3v18"></path><path d="M4 12h4"></path><path d="M14 3v7"></path><path d="M18 3v7"></path><path d="M16 10v11"></path></svg></span><span>Aneks kuchenny</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M6 20V9a6 6 0 0 1 12 0v11"></path><path d="M9 14h6"></path><path d="M9 17h6"></path></svg></span><span>Kabina prysznicowa</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M4 8h16"></path><path d="M6 8v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8"></path><path d="M8 8V6a4 4 0 0 1 8 0v2"></path></svg></span><span>Ręczniki i pościel</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="M4.93 4.93l1.41 1.41"></path><path d="M17.66 17.66l1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><circle cx="12" cy="12" r="4"></circle></svg></span><span>Ogrzewanie</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M5 12h14"></path><path d="M6 12v7"></path><path d="M18 12v7"></path><path d="M8 12V7a4 4 0 0 1 8 0v5"></path></svg></span><span>Meble tarasowe</span></div>
        <div class="equip-item"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M4 10h8a4 4 0 0 0 0-8H8"></path><path d="M4 14h12a3 3 0 0 1 0 6h-2"></path><path d="M4 18h6"></path></svg></span><span>Suszarka do włosów</span></div>
<div class="equip-item premium"><span class="equip-icon"><svg viewBox="0 0 24 24"><path d="M4 11a8 8 0 0 1 16 0Z"></path><path d="M12 3v18"></path><path d="M8 21h8"></path><path d="M7 15h10"></path><path d="M9 15l-2 6"></path><path d="M15 15l2 6"></path><path d="M3 18c2-1.5 4-1.5 6 0s4 1.5 6 0 4-1.5 6 0"></path></svg></span><span>Taras</span></div>
        <div class="equip-item premium"><span class="equip-icon"><svg viewBox="0 0 24 24"><rect x="5" y="3" width="14" height="18" rx="2"></rect><path d="M9 9h4a2.5 2.5 0 0 1 0 5H9V9Z"></path><path d="M9 14v4"></path></svg></span><span>Miejsce parkingowe</span></div>
      </div>

      <div class="equip-desc">
        <p>Apartament przy ul. Północnej 18B to komfortowa propozycja na wypoczynek nad morzem. Lokal znajduje się na 2. piętrze, ma powierzchnię 40 m² i jest przeznaczony dla maksymalnie 4 osób. To świetny wybór zarówno na rodzinny urlop, jak i wyjazd we dwoje lub z przyjaciółmi.</p>
        <p>Dodatkowym atutem apartamentu jest balkon, który zapewnia przestrzeń do odpoczynku na świeżym powietrzu. Funkcjonalny metraż oraz komfortowe warunki sprawiają, że apartament dobrze sprawdzi się zarówno podczas krótkiego weekendowego pobytu, jak i dłuższych wakacji nad morzem.</p>
      </div>
    </div>

    <div class="dh-booking-column">
      <div class="dh-area-card" aria-label="Powierzchnia apartamentu">
        <span class="dh-area-card__icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="none">
            <path d="M4 5h16v14H4V5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
            <path d="M8 5v14" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            <path d="M4 10h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
          </svg>
        </span>
        <span>
          <p class="dh-area-card__label">Powierzchnia apartamentu</p>
          <p class="dh-area-card__value">40 <span class="dh-area-card__unit">m²</span></p>
        </span>
      </div>

      <aside class="dh-widget" aria-label="Szukaj terminów - informacje">
      <header class="dh-widget__header js-open-hotres" role="button" tabindex="0" aria-label="Otwórz kalendarz rezerwacji">
        <div class="dh-widget__icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="20" height="20" fill="none">
            <path d="M7 2v3M17 2v3" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            <path d="M3.5 9h17" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            <path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5V19A2.5 2.5 0 0 1 18 21.5H6A2.5 2.5 0 0 1 3.5 19V7.5A2.5 2.5 0 0 1 6 5Z" stroke="currentColor" stroke-width="2"></path>
            <path d="M7 12h3M7 16h3M12 12h5M12 16h5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
          </svg>
        </div>

        <div class="dh-widget__titleWrap">
          <h3 class="dh-widget__title">Szukaj terminów</h3>
          <p class="dh-widget__subtitle">Gwarancja najniższej ceny</p>
        </div>

        <a class="dh-widget__cta js-open-hotres" href="javascript:void(0)" role="button">Zarezerwuj</a>
      </header>

      <section class="dh-widget__stats" aria-label="Podsumowanie">
        <div class="dh-stat">
          <div class="dh-stat__label">już od</div>
          <div class="dh-stat__value">450 <span class="dh-stat__unit">zł / dobę</span></div>
        </div>

        <div class="dh-divider" role="presentation"></div>

        <div class="dh-stat">
          <div class="dh-stat__label">max</div>
          <div class="dh-stat__value">4 <span class="dh-stat__unit">osoby</span></div>
        </div>
      </section>

      <section class="dh-widget__section">
        <h4 class="dh-widget__sectionTitle">Ważne informacje</h4>

        <ul class="dh-widget__list">
          <li class="dh-widget__item">
            <span class="dh-widget__itemIcon" aria-hidden="true">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none">
                <path d="M12 7v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" stroke="currentColor" stroke-width="2"></path>
              </svg>
            </span>
            <span class="dh-widget__itemText"><strong>Przyjazd</strong> od: 16:00</span>
          </li>

          <li class="dh-widget__item">
            <span class="dh-widget__itemIcon" aria-hidden="true">
              <svg viewBox="0 0 24 24" width="18" height="18" fill="none">
                <path d="M12 7v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" stroke="currentColor" stroke-width="2"></path>
              </svg>
            </span>
            <span class="dh-widget__itemText"><strong>Wyjazd</strong> do: 10:00</span>
          </li>
        </ul>
      </section>

      <section class="dh-widget__section dh-widget__section--muted">
        <h4 class="dh-widget__sectionTitle">Płatności</h4>

        <div class="dh-widget__note">
          <span class="dh-widget__noteIcon" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none">
              <path d="M7 11V8a5 5 0 0 1 10 0v3" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
              <path d="M6.5 11h11A2.5 2.5 0 0 1 20 13.5v6A2.5 2.5 0 0 1 17.5 22h-11A2.5 2.5 0 0 1 4 19.5v-6A2.5 2.5 0 0 1 6.5 11Z" stroke="currentColor" stroke-width="2"></path>
              <path d="M12 15v3" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
            
            </svg>
            
          </span>

          <p class="dh-widget__noteText">Wykorzystujemy w pełni bezpieczny system rezerwacji z płatnościami online i natychmiastowym potwierdzeniem rezerwacji.</p>
        </div>
      </section>

      <footer class="dh-widget__footer">
        <a class="dh-widget__primaryBtn js-open-hotres" href="javascript:void(0)">
          Sprawdź dostępność
          <span class="dh-widget__primaryBtnArrow" aria-hidden="true">→</span>
        </a>
        <p class="dh-widget__hint">Bez ukrytych opłat • Szybka rezerwacja</p>
      </footer>
      </aside>
    </div>
  </div>

  <div id="hotresTrigger"
       class="showHotres"
       data-oid="2903"
       data-lang="pl"
       data-uid="4615"
       data-rid="18448"
       data-tid="48925"
       data-action="room/calendar"
       style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">
  </div>

  <script>
    document.addEventListener("DOMContentLoaded", function () {
      function openHotres() {
        var trigger = document.getElementById("hotresTrigger");
        if (trigger) trigger.click();
      }

      document.querySelectorAll(".js-open-hotres").forEach(function (el) {
        el.addEventListener("click", function (e) {
          e.preventDefault();
          e.stopPropagation();
          openHotres();
        });

        el.addEventListener("keydown", function (e) {
          if (e.key === "Enter" || e.key === " ") {
            e.preventDefault();
            openHotres();
          }
        });
      });
    });
  </script>

  <script src="https://panel.hotres.pl/public/api/hotres_popup.js" async></script>
</section>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VacationRental",
  "@id": "https://apartamenty-darlowko.pl/dreamhouse/lodz/#lodz",
  "identifier": "dreamhouse-apartament-lodz-polnocna-27a-baltic-corona",
  "name": "Apartament Łódź",
  "description": "Apartament Łódź to komfortowy apartament wakacyjny położony w Darłówku Wschodnim przy ul. Północnej 27A, w kompleksie Baltic Corona. Apartament ma powierzchnię 38 m², jest przeznaczony dla maksymalnie 4 osób i sprawdzi się idealnie dla osób szukających wygodnego wypoczynku blisko plaży, portu, promenady, restauracji i atrakcji Darłówka.",
  "url": "https://apartamenty-darlowko.pl/dreamhouse/lodz/",
  "telephone": "+48 797 162 081",
  "priceRange": "od 450 zł za dobę",
  "image": [
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz1-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz2-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz3-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz4-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz5-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz6-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz7-scaled.jpg",
    "https://apartamenty-darlowko.pl/wp-content/uploads/2026/03/lodz8-scaled.jpg"
  ],
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "ul. Północna 18b",
    "addressLocality": "Darłówko Wschodnie",
    "addressRegion": "zachodniopomorskie",
    "postalCode": "76-153",
    "addressCountry": "PL"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": "54.4436",
    "longitude": "16.3925"
  },
  "containsPlace": {
    "@type": "Accommodation",
    "name": "Apartament Łódź",
    "additionalType": "Apartment",
    "floorSize": {
      "@type": "QuantitativeValue",
      "value": 38,
      "unitCode": "MTK"
    },
    "occupancy": {
      "@type": "QuantitativeValue",
      "value": 4
    },
    "numberOfBedrooms": 1,
    "numberOfBathroomsTotal": 1,
    "amenityFeature": [
      {
        "@type": "LocationFeatureSpecification",
        "name": "TV",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Wi-Fi",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Aneks kuchenny",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Ekspres do kawy",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Kabina prysznicowa",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Ręczniki i pościel",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Ogrzewanie",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Meble tarasowe",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Suszarka do włosów",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Taras",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Miejsce parkingowe",
        "value": true
      },
      {
        "@type": "LocationFeatureSpecification",
        "name": "Zwierzęta domowe są akceptowane",
        "value": true
      }
    ]
  },
  "offers": {
    "@type": "Offer",
    "url": "https://apartamenty-darlowko.pl/dreamhouse/lodz/",
    "price": "450",
    "priceCurrency": "PLN",
    "availability": "https://schema.org/InStock",
    "description": "Cena od 300 zł za dobę. Dostępność i końcowa cena zależą od terminu pobytu."
  },
  "checkinTime": "16:00",
  "checkoutTime": "10:00",
  "provider": {
    "@type": "Organization",
    "name": "DreamHouse Apartamenty Darłówko",
    "url": "https://apartamenty-darlowko.pl/",
    "telephone": "+48 797 162 081"
  }
}
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7eadc1e7 e-con-full e-flex e-con e-parent" data-id="7eadc1e7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4b1396c4 elementor-widget elementor-widget-rt-gallery-slider" data-id="4b1396c4" data-element_type="widget" data-e-type="widget" data-widget_type="rt-gallery-slider.default">
				<div class="elementor-widget-container">
					      
        <div class="rts__swiper__slider position-relative gallery-slider">            
            <div id="swiper-6ad56d8aa0363" data-loop="true" 
        data-autoplay="true" 
        data-speed="900" 
        data-centered-slides="true" 
        data-autoplay-delay="3000" 
        data-free-mode="false" 
        data-slides-per-view="2.5" 
        data-space-between="30" 
        data-slides-per-view-tablet="2" 
        data-slides-per-view-mobile="1" 
        data-pagination="none" 
        data-navigation="true" class="swiper rt-all-slider">
                <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/aaaaaa.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 15" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3044-scaled.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 16" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/1.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 17" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3084-scaled.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 18" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3093-scaled.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 19" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/3.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 20" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/2.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 21" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3003-scaled.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 22" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/4.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 23" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3062-scaled.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 24" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3000-scaled.jpg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 25" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_3078-scaled.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 26" class="no-lazyload">
                                </div>
                            </div>
                                                <div class="swiper-slide">
                                <div class="single__image">
                                    <img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/uploads/2026/10/DSC_2970.jpeg" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 27" class="no-lazyload">
                                </div>
                            </div>
                                          
                </div>

                                <div class="rt-swiper-navigation">
                    <span class="swiper-prev">
                                                    <i class="fas fa-chevron-left"></i>
                                            </span>
                    <span class="swiper-next">
                                                    <i class="fas fa-chevron-right"></i>
                                            </span>
                </div>
                                            </div>           
        				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-4b248c9 e-flex e-con-boxed e-con e-parent" data-id="4b248c9" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d5a3abe elementor-widget elementor-widget-html" data-id="d5a3abe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					

  
  
  
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />

  <style>
    html,
    body {
      margin: 0;
      padding: 0;
    }

    body {
      background: #f5f8fb;
      overflow-x: hidden;
    }

    .verde-location-block,
    .verde-location-block * {
      box-sizing: border-box;
    }

    .verde-location-block {
      --verde-brand: #00c8f4;
      --verde-brand-strong: #08afd7;
      --verde-text: #101828;
      --verde-muted: #667085;
      --verde-soft: #e9fbff;
      --verde-line: rgba(16, 24, 40, 0.08);
      --verde-card: rgba(255, 255, 255, 0.88);
      --verde-white: #ffffff;
      --verde-shadow: 0 22px 55px rgba(16, 24, 40, 0.10);
      --verde-shadow-soft: 0 12px 28px rgba(16, 24, 40, 0.07);
      --verde-radius: 34px;

      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: clamp(18px, 3vw, 28px);
      position: relative;
      z-index: 5;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--verde-text);
      border: 1px solid rgba(0, 200, 244, 0.13);
      border-radius: var(--verde-radius);
      background:
        radial-gradient(circle at 0% 0%, rgba(0, 200, 244, 0.18), transparent 34%),
        radial-gradient(circle at 100% 4%, rgba(181, 242, 255, 0.55), transparent 34%),
        linear-gradient(135deg, rgba(222, 250, 255, 0.93), rgba(255, 255, 255, 0.96) 54%, rgba(247, 253, 255, 0.94));
      box-shadow: 0 30px 70px rgba(16, 24, 40, 0.08);
      overflow: hidden;
    }

    .verde-location-block h1,
    .verde-location-block h2,
    .verde-location-block h3,
    .verde-location-block h4,
    .verde-location-block h5,
    .verde-location-block h6,
    .verde-location-block .verde-location-title,
    .verde-location-block .verde-location-place,
    .verde-location-block .verde-location-sectionTitle,
    .verde-location-block .verde-location-rowTitle {
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }

    .verde-location-inner,
    .verde-location-header,
    .verde-location-layout,
    .verde-location-card,
    .verde-location-mapShell {
      min-width: 0;
      max-width: 100%;
    }

    .verde-location-block::before {
      content: "";
      position: absolute;
      inset: 12px auto auto 12px;
      width: 112px;
      height: 112px;
      border-radius: 999px;
      background: rgba(0, 200, 244, 0.11);
      filter: blur(20px);
      pointer-events: none;
    }

    .verde-location-inner {
      position: relative;
      z-index: 1;
    }

    .verde-location-header {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 22px;
      margin-bottom: clamp(20px, 3vw, 28px);
    }

    .verde-location-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      width: fit-content;
      max-width: 100%;
      margin-bottom: 13px;
      padding: 8px 14px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(0, 200, 244, 0.18);
      color: var(--verde-brand-strong);
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
      box-shadow: 0 8px 20px rgba(0, 200, 244, 0.08);
    }

    .verde-location-dot,
    .verde-location-pin {
      display: inline-block;
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      border-radius: 999px;
      background: var(--verde-brand);
      box-shadow: 0 0 0 6px rgba(0, 200, 244, 0.13);
    }

    .verde-location-title {
      margin: 0;
      max-width: 760px;
      color: var(--verde-text);
      font-size: clamp(34px, 4.2vw, 58px);
      line-height: 0.98;
      letter-spacing: -0.055em;
      font-weight: 900;
    }

    .verde-location-lead {
      margin: 16px 0 0;
      max-width: 640px;
      color: #5d6b7a;
      font-size: 15px;
      line-height: 1.72;
      font-weight: 500;
      overflow-wrap: anywhere;
    }

    .verde-location-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }

    .verde-location-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 46px;
      padding: 13px 18px;
      border-radius: 999px;
      border: 1px solid rgba(0, 200, 244, 0.22);
      background: rgba(255, 255, 255, 0.88);
      color: var(--verde-text);
      font: inherit;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
      text-decoration: none;
      cursor: pointer;
      box-shadow: var(--verde-shadow-soft);
      transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
      white-space: nowrap;
    }

    .verde-location-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(0, 200, 244, 0.38);
      box-shadow: 0 16px 32px rgba(16, 24, 40, 0.10);
    }

    .verde-location-btn--primary {
      border-color: transparent;
      background: linear-gradient(135deg, #17c8ee, #07acd4);
      color: #fff;
      box-shadow: 0 16px 28px rgba(0, 173, 212, 0.22);
    }

    .verde-location-btn--primary:hover {
      box-shadow: 0 20px 36px rgba(0, 173, 212, 0.28);
    }

    .verde-location-layout {
      display: grid;
      grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
      gap: clamp(20px, 3vw, 34px);
      align-items: stretch;
    }

    .verde-location-card,
    .verde-location-mapShell {
      border: 1px solid rgba(16, 24, 40, 0.07);
      border-radius: 26px;
      background: rgba(255, 255, 255, 0.88);
      box-shadow: var(--verde-shadow-soft);
      backdrop-filter: blur(10px);
      overflow: hidden;
    }

    .verde-location-card {
      padding: clamp(18px, 2.2vw, 24px);
    }

    .verde-location-cardTop {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      padding-bottom: 18px;
      margin-bottom: 18px;
      border-bottom: 1px solid var(--verde-line);
    }

    .verde-location-place {
      margin: 0;
      color: var(--verde-text);
      font-size: 22px;
      line-height: 1.08;
      letter-spacing: -0.035em;
      font-weight: 900;
    }

    .verde-location-placeSub {
      margin-top: 7px;
      color: var(--verde-muted);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 700;
    }

    .verde-location-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 11px;
      border-radius: 999px;
      background: rgba(0, 200, 244, 0.10);
      border: 1px solid rgba(0, 200, 244, 0.20);
      color: var(--verde-brand-strong);
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }

    .verde-location-infoList {
      display: grid;
      gap: 12px;
    }

    .verde-location-row {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      gap: 13px;
      align-items: center;
      min-width: 0;
      padding: 13px;
      border-radius: 18px;
      border: 1px solid rgba(16, 24, 40, 0.06);
      background: rgba(255, 255, 255, 0.72);
      box-shadow: 0 10px 22px rgba(16, 24, 40, 0.04);
    }

    .verde-location-icon,
    .verde-location-smallIcon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      color: var(--verde-brand-strong);
      background: rgba(0, 200, 244, 0.10);
      border: 1px solid rgba(0, 200, 244, 0.12);
    }

    .verde-location-icon {
      width: 44px;
      height: 44px;
      border-radius: 16px;
    }

    .verde-location-icon svg,
    .verde-location-smallIcon svg {
      display: block;
      width: 19px;
      height: 19px;
    }

    .verde-location-rowTitle {
      margin: 0;
      color: var(--verde-text);
      font-size: 14px;
      line-height: 1.18;
      font-weight: 900;
    }

    .verde-location-rowDesc {
      margin-top: 4px;
      color: #667085;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 600;
      overflow-wrap: anywhere;
      min-width: 0;
    }

    .verde-location-nearby {
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid var(--verde-line);
    }

    .verde-location-sectionTitle {
      margin: 0 0 12px;
      color: var(--verde-text);
      font-size: 15px;
      letter-spacing: -0.02em;
      font-weight: 900;
    }

    .verde-location-distanceGrid {
      display: grid;
      grid-template-columns: repeat(2, minmax(145px, 1fr));
      gap: 10px;
    }

    .verde-location-distance {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      min-width: 0;
      padding: 12px;
      border-radius: 17px;
      border: 1px solid rgba(0, 200, 244, 0.13);
      background: rgba(255, 255, 255, 0.76);
      box-shadow: 0 10px 24px rgba(16, 24, 40, 0.045);
    }

    .verde-location-smallIcon {
      width: 34px;
      height: 34px;
      border-radius: 13px;
    }

    .verde-location-distanceText {
      display: grid;
      grid-template-columns: 1fr;
      align-items: start;
      gap: 3px;
      min-width: 0;
      color: var(--verde-text);
      font-size: 13px;
      line-height: 1.25;
      font-weight: 900;
    }

    .verde-location-distanceName {
      display: block;
      min-width: 0;
      white-space: normal;
    }

    .verde-location-distanceMeters {
      display: block;
      color: var(--verde-muted);
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }

    .verde-location-cta {
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid var(--verde-line);
    }

    .verde-location-cta .verde-location-btn {
      width: 100%;
    }

    .verde-location-mapShell {
      position: relative;
      min-height: 560px;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.86), rgba(233,251,255,0.78)),
        rgba(255, 255, 255, 0.75);
      box-shadow: var(--verde-shadow);
    }

    #portowyMap {
      width: 100%;
      height: 100%;
      min-height: 560px;
      filter: saturate(0.94) contrast(0.98);
    }

    .verde-location-mapTopbar {
      position: absolute;
      z-index: 500;
      top: 16px;
      left: 16px;
      right: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      pointer-events: none;
    }

    .verde-location-mapChip {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-height: 42px;
      max-width: 100%;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(0, 200, 244, 0.16);
      background: rgba(255, 255, 255, 0.92);
      color: #344054;
      font-size: 13px;
      line-height: 1.25;
      font-weight: 900;
      box-shadow: 0 14px 30px rgba(16, 24, 40, 0.12);
      backdrop-filter: blur(10px);
      pointer-events: auto;
    }

    .verde-location-mapChip--muted {
      color: #667085;
      font-weight: 800;
    }

    .verde-location-block .leaflet-popup-content-wrapper {
      border-radius: 18px !important;
      border: 1px solid rgba(0, 200, 244, 0.22) !important;
      box-shadow: 0 18px 45px rgba(16, 24, 40, 0.16) !important;
    }

    .verde-location-block .leaflet-popup-content {
      margin: 13px 15px !important;
      font-family: Inter, system-ui, sans-serif !important;
    }

    .verde-location-popupTitle {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--verde-text);
      font-size: 14px;
      font-weight: 900;
      letter-spacing: -0.01em;
      margin-bottom: 4px;
    }

    .verde-location-popupSub {
      color: var(--verde-muted);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.35;
    }

    @media (max-width: 980px) {
      .verde-location-header {
        grid-template-columns: 1fr;
        align-items: start;
      }

      .verde-location-actions {
        justify-content: flex-start;
      }

      .verde-location-layout {
        grid-template-columns: 1fr;
      }

      .verde-location-card {
        order: 1;
      }

      .verde-location-mapShell {
        order: 2;
        min-height: 480px;
      }

      #portowyMap {
        min-height: 480px;
      }
    }

    @media (max-width: 720px) {
      .verde-location-distanceGrid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 560px) {
      .verde-location-block {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        border-radius: 28px;
      }

      .verde-location-title {
        font-size: 34px;
        line-height: 1.04;
        letter-spacing: -0.045em;
      }

      .verde-location-lead {
        max-width: 32ch;
        font-size: 13px;
        line-height: 1.65;
        overflow-wrap: normal;
      }

      .verde-location-actions,
      .verde-location-btn {
        width: 100%;
      }

      .verde-location-card,
      .verde-location-mapShell {
        border-radius: 22px;
      }

      .verde-location-cardTop {
        flex-direction: column;
      }

      .verde-location-badge {
        width: fit-content;
      }

      .verde-location-row {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 12px;
        overflow: hidden;
      }

      .verde-location-icon {
        width: 42px;
        height: 42px;
      }

      .verde-location-mapTopbar {
        top: 12px;
        left: 12px;
        right: 12px;
        flex-direction: column;
        align-items: flex-start;
      }

      .verde-location-mapChip {
        width: fit-content;
        max-width: 100%;
        font-size: 12px;
      }

      .verde-location-mapShell,
      #portowyMap {
        min-height: 430px;
      }
    }
  </style>



  <section class="verde-location-block" aria-labelledby="portowyLocationTitle">
    <div class="verde-location-inner">
      <header class="verde-location-header">
        <div>
          <div class="verde-location-kicker">
            <span class="verde-location-dot"></span>
            Lokalizacja apartamentu
          </div>

          <h2 class="verde-location-title" id="portowyLocationTitle">Apartament Łódź</h2>

          <p class="verde-location-lead">
            Sprawdź położenie apartamentu na interaktywnej mapie.
            Wygodnie przybliż, oddal i szybko wyznacz trasę dojazdu.
          </p>
        </div>

        <div class="verde-location-actions" aria-label="Akcje mapy">
          <a class="verde-location-btn verde-location-btn--primary" id="btnRoutePortowy" href="#" rel="noopener">
            Wyznacz trasę
          </a>
          <button class="verde-location-btn" id="btnCenterPortowy" type="button">
            Wycentruj mapę
          </button>
        </div>
      </header>

      <div class="verde-location-layout">
        <aside class="verde-location-card" aria-label="Informacje o lokalizacji apartamentu">
          <div class="verde-location-cardTop">
            <div>
              <h3 class="verde-location-place">Łódź</h3>
              <div class="verde-location-placeSub">
                Darłówko Wschodnie • Północna
              </div>
            </div>

            <div class="verde-location-badge">
              <span class="verde-location-dot" style="box-shadow:none;"></span>
              Mapa
            </div>
          </div>

          <div class="verde-location-infoList">
            <div class="verde-location-row">
              <div class="verde-location-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none">
                  <path d="M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z" stroke="currentColor" stroke-width="2"/>
                  <path d="M12 11.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" stroke="currentColor" stroke-width="2"/>
                </svg>
              </div>
              <div>
                <p class="verde-location-rowTitle">Adres</p>
                <div class="verde-location-rowDesc">
                  ul. Północna 18B , Darłówko Wschodnie
                </div>
              </div>
            </div>

            <div class="verde-location-row">
              <div class="verde-location-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none">
                  <path d="M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1v-9Z" stroke="currentColor" stroke-width="2"/>
                </svg>
              </div>
              <div>
                <p class="verde-location-rowTitle">Kompleks apartamentów</p>
                <div class="verde-location-rowDesc">
                  Darłówko Wschodnie • Baltic Korona
                </div>
              </div>
            </div>

            <div class="verde-location-row">
              <div class="verde-location-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none">
                  <path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                  <path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" stroke="currentColor" stroke-width="2"/>
                </svg>
              </div>
              <div>
                <p class="verde-location-rowTitle">Wskazówka</p>
                <div class="verde-location-rowDesc">
                  Dojazd do apartamentu od ulicy Józefa Conrada.
                </div>
              </div>
            </div>
          </div>

          <div class="verde-location-nearby">
            <h4 class="verde-location-sectionTitle">Odległości w okolicy</h4>

            <div class="verde-location-distanceGrid">
              <div class="verde-location-distance">
                <div class="verde-location-smallIcon" aria-hidden="true">
                  <svg viewBox="0 0 24 24" fill="none">
                    <path d="M3 18c3-2 6-2 9 0s6 2 9 0" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M7 14V6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M7 6c2-2 6-2 8 0" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                  </svg>
                </div>
                <div class="verde-location-distanceText">
                  <span class="verde-location-distanceName">Plaża</span>
                  <span class="verde-location-distanceMeters">450 m</span>
                </div>
              </div>

              <div class="verde-location-distance">
                <div class="verde-location-smallIcon" aria-hidden="true">
                  <svg viewBox="0 0 24 24" fill="none">
                    <path d="M6 9h12l-1 12H7L6 9Z" stroke="currentColor" stroke-width="2"/>
                    <path d="M9 9V7a3 3 0 0 1 6 0v2" stroke="currentColor" stroke-width="2"/>
                  </svg>
                </div>
                <div class="verde-location-distanceText">
                  <span class="verde-location-distanceName">Sklep</span>
                  <span class="verde-location-distanceMeters">300 m</span>
                </div>
              </div>

              <div class="verde-location-distance">
                <div class="verde-location-smallIcon" aria-hidden="true">
                  <svg viewBox="0 0 24 24" fill="none">
                    <path d="M6 2v8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M10 2v8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M6 6h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M14 2v20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M18 2v6a2 2 0 0 1-2 2h-2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                  </svg>
                </div>
                <div class="verde-location-distanceText">
                  <span class="verde-location-distanceName">Restauracje</span>
                  <span class="verde-location-distanceMeters">200 m</span>
                </div>
              </div>

              <div class="verde-location-distance">
                <div class="verde-location-smallIcon" aria-hidden="true">
                  <svg viewBox="0 0 24 24" fill="none">
                    <path d="M3 21h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                    <path d="M6 21V7l6-4 6 4v14" stroke="currentColor" stroke-width="2"/>
                    <path d="M9 21v-6h6v6" stroke="currentColor" stroke-width="2"/>
                  </svg>
                </div>
                <div class="verde-location-distanceText">
                  <span class="verde-location-distanceName">Centrum</span>
                  <span class="verde-location-distanceMeters">850 m</span>
                </div>
              </div>
            </div>
          </div>

          <div class="verde-location-cta">
            <a class="verde-location-btn verde-location-btn--primary"
               href="https://apartamenty-darlowko.pl/atrakcje/"
               target="_blank"
               rel="noopener">
              Przejdź do atrakcji
            </a>
          </div>
        </aside>

        <div class="verde-location-mapShell">
          <div class="verde-location-mapTopbar">
            <div class="verde-location-mapChip">
              <span class="verde-location-pin"></span>
              Darłówko Wschodnie — Baltic Korona
            </div>

            <div class="verde-location-mapChip verde-location-mapChip--muted">
              Kliknij „Wycentruj”, aby wrócić do pinezki
            </div>
          </div>

          <div id="portowyMap" aria-label="Mapa lokalizacji apartamentu Portowy"></div>
        </div>
      </div>
    </div>
  </section>

  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

  <script>
    (function () {
      const BRAND = "#00c8f4";

      const APART_LAT = 54.44134289191892;
      const APART_LNG = 16.396644794149474; 

      function initPortowyMap() {
        const mapElement = document.getElementById('portowyMap');
        if (!mapElement || typeof L === 'undefined') return;

        const map = L.map('portowyMap', {
          zoomControl: true
        }).setView([APART_LAT, APART_LNG], 16);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
          attribution: '&copy; OpenStreetMap'
        }).addTo(map);

        const marker = L.marker([APART_LAT, APART_LNG], {
          draggable: false
        }).addTo(map);

        const popupHtml = `
          <div class="verde-location-popupTitle">
            <span class="verde-location-dot" style="box-shadow: 0 0 0 5px rgba(0, 200, 244, 0.13);"></span>
            Darłówko Wschodnie
          </div>
          <div class="verde-location-popupSub">
            <strong>Łódż</strong><br>
            ul. Północna 18B
          </div>
        `;

        marker.bindPopup(popupHtml).openPopup();

        const btnCenter = document.getElementById('btnCenterPortowy');
        const btnRoute = document.getElementById('btnRoutePortowy');

        if (btnCenter) {
          btnCenter.addEventListener('click', function () {
            map.setView([APART_LAT, APART_LNG], 16, { animate: true });
            marker.openPopup();
          });
        }

        if (btnRoute) {
          btnRoute.addEventListener('click', function (event) {
            event.preventDefault();

            const url = `https://www.google.com/maps/dir/?api=1&destination=${APART_LAT},${APART_LNG}`;
            window.open(url, '_blank', 'noopener,noreferrer');
          });
        }

        setTimeout(function () {
          map.invalidateSize();
        }, 250);
      }

      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initPortowyMap);
      } else {
        initPortowyMap();
      }
    })();
  </script>

				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-58ff5fc9 e-con-full e-flex e-con e-parent" data-id="58ff5fc9" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d91f6db elementor-widget elementor-widget-shortcode" data-id="d91f6db" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode"><div class="dh-slider-wrap" id="dh-slider-1" data-category="" data-autoplay="true" data-speed="4000">
  <div class="dh-slider-viewport">
    <div class="dh-slider-track" id="dh-slider-1-track">
      <div class="dh-slider-loading">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#09CDFC" stroke-width="2" style="animation:dh-spin 1s linear infinite;display:inline-block"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>
      </div>
    </div>
  </div>
  <button class="dh-slider-btn dh-slider-prev" aria-label="Poprzedni" onclick="dhSliderPrev('dh-slider-1')">
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
  </button>
  <button class="dh-slider-btn dh-slider-next" aria-label="Następny" onclick="dhSliderNext('dh-slider-1')">
    <svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
  </button>
  <div class="dh-slider-dots" id="dh-slider-1-dots"></div>
</div>

<style>
/* =====================================================================
   DH ROOMS SLIDER
======================================================================== */
@keyframes dh-spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

.dh-slider-wrap {
  position: relative;
  width: 100%;
  font-family: 'DM Sans', sans-serif;
  margin: 0 0 32px;
  --cyan: #09CDFC;
  --dark: #0B1220;
  --text: #374151;
  --text-light: #6b7280;
  --border: #e5e7eb;
  --bg-white: #ffffff;
  --bg-light: #f8fafc;
  --shadow-sm: 0 2px 8px rgba(11,18,32,0.06);
  --shadow-md: 0 8px 24px rgba(11,18,32,0.10);
  --shadow-lg: 0 20px 48px rgba(11,18,32,0.14);
}
.dh-slider-wrap * { box-sizing: border-box; }

.dh-slider-title {
  font-family: 'Jost', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--dark);
  margin: 0 0 16px;
}

.dh-slider-viewport {
  overflow: hidden;
  border-radius: 16px;
  width: 100%;
}

.dh-slider-track {
  display: flex;
  gap: 20px;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
  align-items: stretch;
}

.dh-slider-loading {
  width: 100%;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-light);
  font-size: 14px;
}

/* KARTA SLIDERA */
.dh-slide-card {
  flex: 0 0 calc(33.333% - 14px);
  background: var(--bg-white);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.dh-slide-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--cyan);
}

.dh-slide-img {
  position: relative;
  height: auto;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #f3f4f6;
}
.dh-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.5s;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.dh-slide-card:hover .dh-slide-img img { transform: scale(1.05); }

.dh-slide-badge-price {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--cyan);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
}
.dh-slide-badge-info {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(11,18,32,0.75);
  backdrop-filter: blur(4px);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dh-slide-badge-info svg { width: 13px; height: 13px; stroke: #fff; }

.dh-slide-body {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dh-slide-name {
  font-family: 'Jost', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--dark);
  margin: 0 0 6px;
}
.dh-slide-desc {
  font-size: 13px;
  color: var(--text-light);
  margin: 0 0 12px;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
}
.dh-slide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border);
  padding-top: 12px;
  margin-top: auto;
}
.dh-slide-price-wrap { display: flex; flex-direction: column; }
.dh-slide-price-from { font-size: 11px; color: var(--text-light); }
.dh-slide-price-val { font-size: 20px; font-weight: 800; color: var(--dark); line-height: 1; }
.dh-slide-price-val span { font-size: 12px; font-weight: 500; color: var(--text-light); }
.dh-slide-btn {
  background: var(--cyan);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: background 0.2s, transform 0.2s;
}
.dh-slide-btn:hover { background: #07b5e0; transform: translateY(-1px); }
.dh-slide-btn svg { width: 14px; height: 14px; stroke: #fff; }

/* PRZYCISKI NAWIGACJI */
.dh-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  z-index: 10;
  transition: all 0.2s;
  padding: 0;
}
.dh-slider-btn:hover { background: var(--cyan); border-color: var(--cyan); }
.dh-slider-btn:hover svg { stroke: #fff; }
.dh-slider-btn svg { width: 18px; height: 18px; stroke: var(--dark); }
.dh-slider-prev { left: -18px; }
.dh-slider-next { right: -18px; }
.dh-slider-btn:disabled { opacity: 0.3; cursor: default; }
.dh-slider-btn:disabled:hover { background: #fff; border-color: var(--border); }
.dh-slider-btn:disabled:hover svg { stroke: var(--dark); }

/* DOTS */
.dh-slider-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
}
.dh-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--border);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
}
.dh-slider-dot.active {
  background: var(--cyan);
  width: 24px;
  border-radius: 4px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .dh-slide-card { flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 600px) {
  .dh-slider-track { gap: 16px; }
  .dh-slide-card { flex: 0 0 100%; border-radius: 18px; }
  .dh-slide-img { aspect-ratio: 3 / 2; }
  .dh-slider-prev { left: -10px; }
  .dh-slider-next { right: -10px; }
  .dh-slider-btn { width: 34px; height: 34px; }
}
@media (max-width: 380px) {
  .dh-slide-img { aspect-ratio: 4 / 3; }
}
</style>

<script>
// =====================================================================
// DH ROOMS SLIDER – silnik
// =====================================================================
window._dhSliders = window._dhSliders || {};
window._dhSliderAPI = null; // cache danych API (wspólny dla wszystkich sliderów)

function dhSliderI18n(key) {
  var lang = (document.documentElement.lang || 'pl').split('-')[0].toLowerCase();
  var dict = {
    pl: { from: 'już od', per_night: 'zł / noc', badge_prefix: 'od', badge_suffix: 'zł/noc', btn: 'Zobacz szczegóły', persons: 'os.', area: 'm²' },
    en: { from: 'from', per_night: 'PLN / night', badge_prefix: 'from', badge_suffix: 'PLN/night', btn: 'See details', persons: 'guests', area: 'm²' },
    de: { from: 'ab', per_night: 'PLN / Nacht', badge_prefix: 'ab', badge_suffix: 'PLN/Nacht', btn: 'Details ansehen', persons: 'Pers.', area: 'm²' }
  };
  var t = dict[lang] || dict['pl'];
  return t[key] || key;
}

function dhSliderRenderCard(r) {
  var badgeInfo = '';
  if (r.persons > 0 || r.area > 0) {
    var parts = [];
    if (r.persons > 0) parts.push(r.persons + ' ' + dhSliderI18n('persons'));
    if (r.area > 0)    parts.push(r.area + ' ' + dhSliderI18n('area'));
    badgeInfo = '<div class="dh-slide-badge-info">'
      + '<svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>'
      + parts.join(' \u2022 ')
      + '</div>';
  }
  var cardUrl = (r.url && r.url.length > 5) ? r.url : ('https://apartamenty-darlowko.pl/dreamhouse/' + r.slug + '/');
  var desc = r.desc || '';
  var img = r.img_large || r.img_full || r.img || '';
  var srcset = r.img_srcset ? ' srcset="' + r.img_srcset + '" sizes="(max-width: 600px) 100vw, (max-width: 1024px) 50vw, 33vw"' : '';

  return '<a href="' + cardUrl + '" class="dh-slide-card">'
    + '<div class="dh-slide-img">'
      + '<img src="' + img + '"' + srcset + ' alt="' + r.name + '" loading="lazy" decoding="async">'
      + (r.price > 0 ? '<div class="dh-slide-badge-price">' + dhSliderI18n('badge_prefix') + ' ' + r.price + ' ' + dhSliderI18n('badge_suffix') + '</div>' : '')
      + badgeInfo
    + '</div>'
    + '<div class="dh-slide-body">'
      + '<div class="dh-slide-name">' + r.name + '</div>'
      + (desc ? '<div class="dh-slide-desc">' + desc + '</div>' : '')
      + '<div class="dh-slide-footer">'
        + '<div class="dh-slide-price-wrap">'
          + '<span class="dh-slide-price-from">' + dhSliderI18n('from') + '</span>'
          + '<span class="dh-slide-price-val">' + r.price + ' <span>' + dhSliderI18n('per_night') + '</span></span>'
        + '</div>'
        + '<span class="dh-slide-btn">' + dhSliderI18n('btn')
          + '<svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>'
        + '</span>'
      + '</div>'
    + '</div>'
  + '</a>';
}

function dhSliderBuild(sliderId, rooms) {
  var wrap  = document.getElementById(sliderId);
  var track = document.getElementById(sliderId + '-track');
  var dots  = document.getElementById(sliderId + '-dots');
  if (!wrap || !track) return;

  var category = wrap.getAttribute('data-category') || '';
  var autoplay  = wrap.getAttribute('data-autoplay') === 'true';
  var speed     = parseInt(wrap.getAttribute('data-speed'), 10) || 4000;

  // Filtruj po kategorii
  var filtered = category
    ? rooms.filter(function(r) { return r.category === category; })
    : rooms;

  if (filtered.length === 0) {
    track.innerHTML = '<div class="dh-slider-loading" style="color:#9ca3af;font-size:14px;">Brak apartamentów w tej kategorii.</div>';
    return;
  }

  // Renderuj karty
  track.innerHTML = filtered.map(dhSliderRenderCard).join('');

  // Oblicz ile kart widać naraz
  function getVisible() {
    var w = wrap.offsetWidth;
    if (w <= 600) return 1;
    if (w <= 1024) return 2;
    return 3;
  }

  var state = { idx: 0, total: filtered.length, timer: null };
  window._dhSliders[sliderId] = state;

  // Dots
  function renderDots() {
    var vis = getVisible();
    var pages = Math.max(1, state.total - vis + 1);
    var html = '';
    for (var i = 0; i < pages; i++) {
      html += '<button class="dh-slider-dot' + (i === state.idx ? ' active' : '') + '" onclick="dhSliderGoTo(\'' + sliderId + '\',' + i + ')"></button>';
    }
    dots.innerHTML = html;
  }

  function updateButtons() {
    var vis = getVisible();
    var prevBtn = wrap.querySelector('.dh-slider-prev');
    var nextBtn = wrap.querySelector('.dh-slider-next');
    if (prevBtn) prevBtn.disabled = state.idx === 0;
    if (nextBtn) nextBtn.disabled = state.idx >= state.total - vis;
  }

  function goTo(idx) {
    var vis    = getVisible();
    var maxIdx = Math.max(0, state.total - vis);
    state.idx  = Math.max(0, Math.min(idx, maxIdx));

    // Szerokość jednej karty + gap
    var cards = track.querySelectorAll('.dh-slide-card');
    if (cards.length === 0) return;
    var cardW = cards[0].offsetWidth;
    var gap   = 20;
    track.style.transform = 'translateX(-' + (state.idx * (cardW + gap)) + 'px)';
    renderDots();
    updateButtons();
  }

  window.dhSliderGoTo = window.dhSliderGoTo || function(id, i) {
    var s = window._dhSliders[id];
    if (!s) return;
    s.idx = i;
    goTo(i);
    dhSliderResetAutoplay(id);
  };

  // Autoplay
  function startAutoplay() {
    if (!autoplay) return;
    state.timer = setInterval(function() {
      var vis = getVisible();
      var maxIdx = Math.max(0, state.total - vis);
      var next = state.idx >= maxIdx ? 0 : state.idx + 1;
      goTo(next);
    }, speed);
  }

  function stopAutoplay() {
    if (state.timer) { clearInterval(state.timer); state.timer = null; }
  }

  window.dhSliderResetAutoplay = window.dhSliderResetAutoplay || function(id) {
    var s = window._dhSliders[id];
    if (!s) return;
    stopAutoplay();
    startAutoplay();
  };

  // Przyciski prev/next
  window.dhSliderPrev = window.dhSliderPrev || function(id) {
    var s = window._dhSliders[id];
    if (!s) return;
    goTo(s.idx - 1);
    dhSliderResetAutoplay(id);
  };
  window.dhSliderNext = window.dhSliderNext || function(id) {
    var s = window._dhSliders[id];
    if (!s) return;
    goTo(s.idx + 1);
    dhSliderResetAutoplay(id);
  };

  // Pauza przy hover
  wrap.addEventListener('mouseenter', stopAutoplay);
  wrap.addEventListener('mouseleave', startAutoplay);

  // Touch/swipe
  var touchStartX = 0;
  wrap.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].clientX; }, { passive: true });
  wrap.addEventListener('touchend', function(e) {
    var diff = touchStartX - e.changedTouches[0].clientX;
    if (Math.abs(diff) > 40) {
      if (diff > 0) goTo(state.idx + 1);
      else goTo(state.idx - 1);
      dhSliderResetAutoplay(sliderId);
    }
  });

  // Resize
  window.addEventListener('resize', function() { goTo(state.idx); });

  goTo(0);
  startAutoplay();
}

function dhSliderInit(sliderId, apiUrl) {
  var lang = (document.documentElement.lang || 'pl').split('-')[0].toLowerCase();
  var url  = apiUrl + (apiUrl.indexOf('?') === -1 ? '?' : '&') + 'lang=' + encodeURIComponent(lang);

  // Użyj wspólnego cache API
  if (window._dhSliderAPI && window._dhSliderAPI.length > 0) {
    dhSliderBuild(sliderId, window._dhSliderAPI);
    return;
  }

  // Sprawdź localStorage
  var cacheKey = 'dh_rooms_slider_20261016_v1_' + lang;
  try {
    var cached = localStorage.getItem(cacheKey);
    if (cached) {
      var obj = JSON.parse(cached);
      if (obj && obj.data && obj.data.length > 0 && (Date.now() - obj.ts) < 12 * 3600 * 1000) {
        window._dhSliderAPI = obj.data;
        dhSliderBuild(sliderId, obj.data);
        return;
      }
    }
  } catch(e) {}

  // Pobierz z API
  fetch(url)
    .then(function(r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); })
    .then(function(data) {
      if (!Array.isArray(data) || data.length === 0) throw new Error('Brak danych');
      window._dhSliderAPI = data;
      // Zbuduj wszystkie oczekujące slidery
      document.querySelectorAll('.dh-slider-wrap').forEach(function(el) {
        if (el.querySelector('.dh-slider-loading')) {
          dhSliderBuild(el.id, data);
        }
      });
    })
    .catch(function(err) {
      var track = document.getElementById(sliderId + '-track');
      if (track) track.innerHTML = '<div class="dh-slider-loading" style="color:#9ca3af;font-size:14px;">Nie można załadować danych.</div>';
    });
}
</script>
    <script>
(function(){
  dhSliderInit('dh-slider-1', 'https://apartamenty-darlowko.pl/wp-json/dh/v1/rooms');
})();
</script>
    </div>
						</div>
				</div>
		<div class="elementor-element elementor-element-3512812 e-flex e-con-boxed e-con e-parent" data-id="3512812" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ef88e9b elementor-widget elementor-widget-html" data-id="ef88e9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<section class="dh-owner-cta" aria-label="Zostaw apartament pod opiekę">
  <style>
    .dh-owner-cta,
    .dh-owner-cta * {
      box-sizing: border-box;
    }

    .dh-owner-cta {
      --dh-accent: #00c8f4;
      --dh-accent-dark: #09aeda;
      --dh-text: #101828;
      --dh-muted: #667085;
      --dh-line: rgba(16, 24, 40, 0.09);
      --dh-bg: rgba(255, 255, 255, 0.96);
      --dh-shadow: 0 22px 48px rgba(16, 24, 40, 0.10);
      width: 100%;
      max-width: 1250px;
      margin: 30px auto;
      padding: 0 16px;
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    .dh-owner-cta__card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 22px;
      overflow: hidden;
      width: 100%;
      padding: 28px;
      border: 1px solid var(--dh-line);
      border-radius: 28px;
      background:
        radial-gradient(circle at 10% 15%, rgba(0, 200, 244, 0.18), transparent 34%),
        linear-gradient(135deg, var(--dh-bg), rgba(246, 253, 255, 0.96));
      box-shadow: var(--dh-shadow);
    }

    .dh-owner-cta__card::after {
      content: "";
      position: absolute;
      right: -95px;
      top: -105px;
      width: 250px;
      height: 250px;
      border-radius: 999px;
      background: rgba(0, 200, 244, 0.11);
      pointer-events: none;
    }

    .dh-owner-cta__content {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      min-width: 0;
    }

    .dh-owner-cta__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
      color: #ffffff;
      box-shadow: 0 14px 26px rgba(0, 200, 244, 0.26);
      flex: 0 0 auto;
    }

    .dh-owner-cta__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin: 0 0 7px;
      color: var(--dh-accent-dark);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .dh-owner-cta__eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--dh-accent);
    }

    .dh-owner-cta__title {
      margin: 0;
      color: var(--dh-text);
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
      font-size: clamp(23px, 3vw, 30px);
      font-weight: 550;
      line-height: 1.08;
      letter-spacing: -0.045em;
    }

    .dh-owner-cta__text {
      max-width: 680px;
      margin: 10px 0 0;
      color: var(--dh-muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.65;
    }

    .dh-owner-cta__actions {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      flex-wrap: wrap;
      min-width: 310px;
    }

    .dh-owner-cta__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 14px 18px;
      border-radius: 16px;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
      text-decoration: none !important;
      white-space: nowrap;
      transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }

    .dh-owner-cta__btn--primary {
      background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
      color: #ffffff !important;
      box-shadow: 0 14px 24px rgba(0, 200, 244, 0.24);
    }

    .dh-owner-cta__btn--ghost {
      border: 1px solid rgba(0, 200, 244, 0.28);
      background: rgba(255, 255, 255, 0.70);
      color: var(--dh-text) !important;
      box-shadow: 0 10px 22px rgba(16, 24, 40, 0.05);
    }

    .dh-owner-cta__btn:hover {
      transform: translateY(-1px);
      filter: brightness(0.98);
    }

    .dh-owner-cta__btn--primary:hover {
      box-shadow: 0 18px 28px rgba(0, 200, 244, 0.28);
    }

    .dh-owner-cta__btn--ghost:hover {
      background: rgba(255, 255, 255, 0.95);
    }

    @media (max-width: 940px) {
      .dh-owner-cta__card {
        grid-template-columns: 1fr;
      }

      .dh-owner-cta__actions {
        justify-content: flex-start;
        min-width: 0;
      }
    }

    @media (max-width: 560px) {
      .dh-owner-cta {
        margin: 24px auto;
        padding: 0 12px;
      }

      .dh-owner-cta__card {
        padding: 20px;
        border-radius: 24px;
      }

      .dh-owner-cta__content {
        grid-template-columns: 1fr;
        gap: 13px;
      }

      .dh-owner-cta__icon {
        width: 52px;
        height: 52px;
        border-radius: 18px;
      }

      .dh-owner-cta__title {
        font-size: 24px;
      }

      .dh-owner-cta__text {
        font-size: 13px;
      }

      .dh-owner-cta__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
      }

      .dh-owner-cta__btn {
        width: 100%;
      }
    }
  </style>

  <div class="dh-owner-cta__card">
    <div class="dh-owner-cta__content">
      <span class="dh-owner-cta__icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" width="28" height="28" fill="none">
          <path d="M3 11.5 12 4l9 7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M5.5 10.5V20h13v-9.5" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
          <path d="M9 20v-6h6v6" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
        </svg>
      </span>

      <div>
        <p class="dh-owner-cta__eyebrow">Współpraca z właścicielami</p>
        <h3 class="dh-owner-cta__title">Chcesz powierzyć swój apartament naszej opiece?</h3>
        <p class="dh-owner-cta__text">
          Odezwij się przez formularz lub zakładkę kontakt.<BR> Opowiedz nam krótko o swoim apartamencie, a odpowiemy najszybciej jak to możliwe.
        </p>
      </div>
    </div>

    <div class="dh-owner-cta__actions">
      <a class="dh-owner-cta__btn dh-owner-cta__btn--primary" href="/kontakt">
        Przejdź do kontaktu
      </a>
      <a class="dh-owner-cta__btn dh-owner-cta__btn--ghost" href="/kontakt#formularz">
        Wypełnij formularz
      </a>
    </div>
  </div>
</section>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-78825b2 e-flex e-con-boxed e-con e-parent" data-id="78825b2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d4e66d7 elementor-invisible elementor-widget elementor-widget-react-heading" data-id="d4e66d7" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;}" data-widget_type="react-heading.default">
				<div class="elementor-widget-container">
					
		<div class="react-heading">
		    <div class="rts__section__inner">
			   <span class="rts__section__subtitle ">Kontakt</span><div class="">
		    <h2 class="rts__section__title">Skontaktuj się z nami</h2>
		</div>		    </div>
		    
		    	
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-0b5b6e5 e-grid e-con-full e-con e-child" data-id="0b5b6e5" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-e042e32 e-con-full e-flex e-con e-child" data-id="e042e32" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-abac21c elementor-widget-laptop__width-initial elementor-widget elementor-widget-image" data-id="abac21c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="640" height="537" src="https://apartamenty-darlowko.pl/wp-content/uploads/2025/05/bb6281f4-cf9a-4a02-ab81-c49d5f0b6e80-768x644.png" class="attachment-medium_large size-medium_large wp-image-4566 no-lazyload" alt="Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse DreamHouse - Apartamenty Darłówko 28" srcset="https://apartamenty-darlowko.pl/wp-content/uploads/2025/05/bb6281f4-cf9a-4a02-ab81-c49d5f0b6e80-768x644.png 768w, https://apartamenty-darlowko.pl/wp-content/uploads/2025/05/bb6281f4-cf9a-4a02-ab81-c49d5f0b6e80-300x251.png 300w, https://apartamenty-darlowko.pl/wp-content/uploads/2025/05/bb6281f4-cf9a-4a02-ab81-c49d5f0b6e80-e1778830960767.png 470w" sizes="(max-width: 640px) 100vw, 640px">															</div>
				<div class="elementor-element elementor-element-9d646fa elementor-invisible elementor-widget elementor-widget-html" data-id="9d646fa" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;}" data-widget_type="html.default">
					
<section class="dh-team-contact" aria-label="Kontakt z zespołem Apartamenty DreamHouse">
  <style>
    .dh-team-contact,
    .dh-team-contact * {
      box-sizing: border-box;
    }

    .dh-team-contact {
      --dh-accent: #00c8f4;
      --dh-accent-dark: #09aeda;
      --dh-text: #101828;
      --dh-muted: #667085;
      --dh-line: rgba(16, 24, 40, 0.09);
      --dh-bg: rgba(255, 255, 255, 0.96);
      --dh-shadow: 0 22px 48px rgba(16, 24, 40, 0.10);
      width: 100%;
      max-width: 1180px;
      margin: 30px auto;
      padding: 0 16px;
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    .dh-team-contact__card {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 28px;
      border: 1px solid var(--dh-line);
      border-radius: 28px;
      background:
        radial-gradient(circle at 10% 12%, rgba(0, 200, 244, 0.18), transparent 32%),
        linear-gradient(135deg, var(--dh-bg), rgba(246, 253, 255, 0.96));
      box-shadow: var(--dh-shadow);
      text-align: center;
    }

    .dh-team-contact__card::after {
      content: "";
      position: absolute;
      right: -95px;
      top: -105px;
      width: 250px;
      height: 250px;
      border-radius: 999px;
      background: rgba(0, 200, 244, 0.11);
      pointer-events: none;
    }

    .dh-team-contact__header,
    .dh-team-contact__grid {
      position: relative;
      z-index: 1;
    }

    .dh-team-contact__eyebrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      margin: 0 0 8px;
      color: var(--dh-accent-dark);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .dh-team-contact__eyebrow::before,
    .dh-team-contact__eyebrow::after {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--dh-accent);
    }

    .dh-team-contact__title {
      margin: 0;
      color: var(--dh-text);
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 950;
      line-height: 1.08;
      letter-spacing: -0.045em;
    }

    .dh-team-contact__subtitle {
      max-width: 650px;
      margin: 10px auto 0;
      color: var(--dh-muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.65;
    }

    .dh-team-contact__grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      max-width: 430px;
      margin: 24px auto 0;
    }

    .dh-team-contact__item {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      min-width: 0;
      min-height: 76px;
      padding: 14px 16px;
      border: 1px solid rgba(0, 200, 244, 0.20);
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.78);
      color: var(--dh-text) !important;
      text-decoration: none !important;
      text-align: left;
      box-shadow: 0 12px 30px rgba(16, 24, 40, 0.07);
      backdrop-filter: blur(12px);
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    }

    .dh-team-contact__item:hover {
      transform: translateY(-2px);
      border-color: rgba(0, 200, 244, 0.42);
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 18px 38px rgba(16, 24, 40, 0.11);
    }

    .dh-team-contact__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 52px;
      border-radius: 18px;
      background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
      color: #ffffff;
      box-shadow: 0 13px 24px rgba(0, 200, 244, 0.24);
      flex: 0 0 auto;
    }

    .dh-team-contact__text {
      min-width: 0;
      max-width: 100%;
    }

    .dh-team-contact__text strong {
      display: block;
      color: var(--dh-text);
      font-size: 15px;
      font-weight: 900;
      line-height: 1.25;
    }

    .dh-team-contact__text span {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-top: 4px;
      color: var(--dh-muted);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.35;
      white-space: nowrap;
      overflow: visible;
      text-overflow: clip;
    }

    .dh-team-contact__text span.dh-team-contact__email {
      font-size: clamp(12px, 3vw, 14px);
      letter-spacing: -0.02em;
      white-space: nowrap;
      word-break: normal;
      overflow-wrap: normal;
    }

    @media (max-width: 520px) {
      .dh-team-contact {
        margin: 24px auto;
        padding: 0 12px;
      }

      .dh-team-contact__card {
        padding: 20px;
        border-radius: 24px;
      }

      .dh-team-contact__title {
        font-size: 25px;
      }

      .dh-team-contact__subtitle {
        font-size: 13px;
      }

      .dh-team-contact__item {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 10px;
        min-height: 72px;
        padding: 12px;
      }

      .dh-team-contact__icon {
        width: 40px;
        height: 40px;
        border-radius: 15px;
      }

      .dh-team-contact__text strong {
        font-size: 14px;
      }

      .dh-team-contact__text span.dh-team-contact__email {
        font-size: 12px;
        line-height: 1.35;
      }
    }
  </style>

  <div class="dh-team-contact__card">
    <header class="dh-team-contact__header">
      <p class="dh-team-contact__eyebrow">Kontakt</p>
      <h3 class="dh-team-contact__title">Izolda & Aleksandra</h3>
      <p class="dh-team-contact__subtitle">
        Masz pytanie dotyczące pobytu, rezerwacji lub apartamentu? Skontaktuj się z nami telefonicznie albo mailowo.
      </p>
    </header>

    <div class="dh-team-contact__grid">
      <a class="dh-team-contact__item" href="tel:+48605885505" aria-label="Zadzwoń pod numer +48 605 885 505">
        <span class="dh-team-contact__icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="24" height="24" fill="none">
            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.86 19.86 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <span class="dh-team-contact__text">
          <strong>Zadzwoń do nas</strong>
          <span>+48 605 885 505</span>
        </span>
      </a>

      <a class="dh-team-contact__item" href="tel:+48797162081" aria-label="Zadzwoń pod numer +48 797 162 081">
        <span class="dh-team-contact__icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="24" height="24" fill="none">
            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.86 19.86 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <span class="dh-team-contact__text">
          <strong>Drugi numer kontaktowy</strong>
          <span>+48 797 162 081</span>
        </span>
      </a>

      <a class="dh-team-contact__item" href="mailto:dhdarlowo@gmail.com" aria-label="Napisz wiadomość na adres dhdarlowo@gmail.com">
        <span class="dh-team-contact__icon" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="24" height="24" fill="none">
            <rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="2"></rect>
            <path d="M4 7l8 6 8-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </span>
        <span class="dh-team-contact__text">
          <strong>Napisz wiadomość</strong>
          <span class="dh-team-contact__email">dhdarlowo@gmail.com</span>
        </span>
      </a>
    </div>
  </div>
</section>
				</div>
				</div>
		<div class="elementor-element elementor-element-8b5baed e-con-full e-flex elementor-invisible e-con e-child" data-id="8b5baed" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-6a10fed elementor-widget elementor-widget-html" data-id="6a10fed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<style>
  .dh-form-topper,
  .dh-form-topper * {
    box-sizing: border-box;
  }

  .dh-form-topper {
    --dh-accent: #00c8f4;
    --dh-accent-dark: #09aeda;
    --dh-text: #101828;
    --dh-muted: #667085;
    --dh-soft: #eefbff;
    --dh-border: rgba(0, 200, 244, 0.22);

    width: 100%;
    margin: 0 0 18px;
    font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--dh-text);
  }

  .dh-form-topper__box {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 22px 24px;
    border: 1px solid var(--dh-border);
    border-radius: 26px;
    background:
      radial-gradient(circle at 92% 10%, rgba(0, 200, 244, 0.18) 0, transparent 30%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(238, 251, 255, 0.92) 100%);
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
  }

  .dh-form-topper__box::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--dh-accent), var(--dh-accent-dark));
  }

  .dh-form-topper__row {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }

  .dh-form-topper__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(0, 200, 244, 0.28);
  }

  .dh-form-topper__icon svg {
    display: block;
    width: 23px;
    height: 23px;
    stroke: currentColor;
  }

  .dh-form-topper__content {
    min-width: 0;
    flex: 1 1 auto;
  }

  .dh-form-topper__label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 7px;
    color: var(--dh-accent-dark);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .dh-form-topper__label::before,
  .dh-form-topper__label::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--dh-accent);
  }

  .dh-form-topper__title {
    margin: 0 0 7px;
    color: var(--dh-text);
    font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 850;
    line-height: 1.14;
    letter-spacing: -0.04em;
  }

  .dh-form-topper__text {
    margin: 0;
    color: var(--dh-muted);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.58;
  }

  .dh-form-topper__chips {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 0;
  }

  .dh-form-topper__chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid rgba(0, 200, 244, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #344054;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
    white-space: nowrap;
  }

  @media (max-width: 520px) {
    .dh-form-topper {
      margin-bottom: 14px;
    }

    .dh-form-topper__box {
      padding: 19px 18px;
      border-radius: 22px;
    }

    .dh-form-topper__row {
      gap: 12px;
    }

    .dh-form-topper__icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      font-size: 20px;
    }

    .dh-form-topper__title {
      font-size: 23px;
    }

    .dh-form-topper__text {
      font-size: 14px;
      line-height: 1.55;
    }

    .dh-form-topper__chip {
      white-space: normal;
    }
  }
</style>

<div class="dh-form-topper" aria-label="Informacja nad formularzem kontaktowym">
  <div class="dh-form-topper__box">
    <div class="dh-form-topper__row">
      <span class="dh-form-topper__icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false">
          <path d="M4.75 6.75H19.25C20.0784 6.75 20.75 7.42157 20.75 8.25V17.25C20.75 18.0784 20.0784 18.75 19.25 18.75H4.75C3.92157 18.75 3.25 18.0784 3.25 17.25V8.25C3.25 7.42157 3.92157 6.75 4.75 6.75Z" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M4.25 8.25L11.1056 13.0489C11.6422 13.4245 12.3578 13.4245 12.8944 13.0489L19.75 8.25" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </span>

      <div class="dh-form-topper__content">
        <p class="dh-form-topper__label">Formularz kontaktowy</p>
        <h3 class="dh-form-topper__title">Napisz, w czym możemy pomóc</h3>
        <p class="dh-form-topper__text">
          Wypełnij krótki formularz, a skontaktujemy się z Tobą w sprawie pobytu, rezerwacji lub obsługi apartamentu w Darłówku.
        </p>
      </div>
    </div>

    <div class="dh-form-topper__chips" aria-label="Zakres kontaktu">
      <span class="dh-form-topper__chip">Rezerwacje</span>
      <span class="dh-form-topper__chip">Pytania o pobyt</span>
      <span class="dh-form-topper__chip">Opieka nad apartamentem</span>
    </div>
  </div>
</div>
				</div>
				<div class="elementor-element elementor-element-26c0704 elementor-widget elementor-widget-wpforms" data-id="26c0704" data-element_type="widget" data-e-type="widget" data-widget_type="wpforms.default">
				<div class="elementor-widget-container">
					<div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-4551"><form id="wpforms-form-4551" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="4551" method="post" enctype="multipart/form-data" action="/rt-rooms-category/baltic-korona/feed/" data-token="b7fccac34494c5aab35102c477eff8b0" data-token-time="1792372106"><noscript class="wpforms-error-noscript">Aby wypełnić ten formularz, włącz obsługę JavaScript w przeglądarce.</noscript><div id="wpforms-error-noscript" style="display: none;">Aby wypełnić ten formularz, włącz obsługę JavaScript w przeglądarce.</div><div class="wpforms-field-container"><div id="wpforms-4551-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><label class="wpforms-field-label" for="wpforms-4551-field_1">Imię i nazwisko <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="text" id="wpforms-4551-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" aria-errormessage="wpforms-4551-field_1-error" required></div><div id="wpforms-4551-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label" for="wpforms-4551-field_2">Adres e-mail <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-4551-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" spellcheck="false" aria-errormessage="wpforms-4551-field_2-error" required></div><div id="wpforms-4551-field_5-container" class="wpforms-field wpforms-field-text" data-field-id="5"><label class="wpforms-field-label" for="wpforms-4551-field_5">Numer kontaktowy</label><input type="text" id="wpforms-4551-field_5" class="wpforms-field-medium" name="wpforms[fields][5]" aria-errormessage="wpforms-4551-field_5-error" ></div>		<div id="wpforms-4551-field_4-container"
			class="wpforms-field wpforms-field-text"
			data-field-type="text"
			data-field-id="4"
			>
			<label class="wpforms-field-label" for="wpforms-4551-field_4" >Adres RODO Numer</label>
			<input type="text" id="wpforms-4551-field_4" class="wpforms-field-medium" name="wpforms[fields][4]" >
		</div>
		<div id="wpforms-4551-field_3-container" class="wpforms-field wpforms-field-textarea" data-field-id="3"><label class="wpforms-field-label" for="wpforms-4551-field_3">Wiadomość <span class="wpforms-required-label" aria-hidden="true">*</span></label><textarea id="wpforms-4551-field_3" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][3]" aria-errormessage="wpforms-4551-field_3-error" required></textarea></div><div id="wpforms-4551-field_7-container" class="wpforms-field wpforms-field-gdpr-checkbox" data-field-id="7"><label class="wpforms-field-label">Zgoda RODO <span class="wpforms-required-label" aria-hidden="true">*</span></label><ul id="wpforms-4551-field_7" class="wpforms-field-required"><li class="choice-1"><input type="checkbox" id="wpforms-4551-field_7_1" name="wpforms[fields][7][]" value="Zgadzam się na przechowywanie przesłanych przeze mnie informacji w tej witrynie internetowej do celów udzielenia odpowiedzi na moje zapytanie." aria-errormessage="wpforms-4551-field_7_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-4551-field_7_1">Zgadzam się na przechowywanie przesłanych przeze mnie informacji w tej witrynie internetowej do celów udzielenia odpowiedzi na moje zapytanie.</label></li></ul></div><script>
				( function() {
					const style = document.createElement( 'style' );
					style.appendChild( document.createTextNode( '#wpforms-4551-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-4551-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-4551-field_4-container label { counter-increment: none; }' ) );
					document.head.appendChild( style );
					document.currentScript?.remove();
				} )();
			</script></div><div class="wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v2" ><div class="g-recaptcha" data-sitekey="6Le8w-ksAAAAAO4jeLKYmqzWunGOZKp1Mf5JBbe-"></div><input type="text" name="g-recaptcha-hidden" class="wpforms-recaptcha-hidden" style="position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;" data-rule-recaptcha="1"></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="4551"><input type="hidden" name="wpforms[time_token]" value="1792372106.258c04211b02ae87cb1fff1e030a2b19a249bc9403f700fe78baac0dd5fcce65"><input type="hidden" name="page_title" value="Rooms Categories  Baltic Korona"><input type="hidden" name="page_url" value="https://apartamenty-darlowko.pl/rt-rooms-category/baltic-korona/feed/"><input type="hidden" name="url_referer" value=""><button type="submit" name="wpforms[submit]" id="wpforms-submit-4551" class="wpforms-submit" data-alt-text="Wysyłanie..." data-submit-text="Prześlij" aria-live="assertive" value="wpforms-submit">Prześlij</button><img decoding="async" src="https://apartamenty-darlowko.pl/wp-content/plugins/wpforms-lite/assets/images/submit-spin.svg" class="wpforms-submit-spinner no-lazyload" style="display: none;" width="26" height="26" alt="Wczytywanie"></div></form></div>  				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ee15c1e e-flex e-con-boxed e-con e-parent" data-id="ee15c1e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-64ad671 elementor-widget elementor-widget-html" data-id="64ad671" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<section class="dh-rules-cta" aria-label="Regulamin pobytu">
  <style>
    .dh-rules-cta,
    .dh-rules-cta * {
      box-sizing: border-box;
    }

    .dh-rules-cta {
      --dh-accent: #00c8f4;
      --dh-accent-dark: #09aeda;
      --dh-text: #101828;
      --dh-muted: #667085;
      --dh-line: rgba(16, 24, 40, 0.09);
      --dh-soft: rgba(0, 200, 244, 0.12);
      --dh-shadow: 0 20px 45px rgba(16, 24, 40, 0.10);
      width: 100%;
      max-width: 1180px;
      margin: 28px auto;
      padding: 0 16px;
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    .dh-rules-cta__box {
      position: relative;
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      overflow: hidden;
      width: 100%;
      padding: 22px;
      border: 1px solid var(--dh-line);
      border-radius: 26px;
      background:
        radial-gradient(circle at 8% 20%, rgba(0, 200, 244, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 253, 255, 0.96));
      box-shadow: var(--dh-shadow);
    }

    .dh-rules-cta__box::after {
      content: "";
      position: absolute;
      right: -80px;
      top: -90px;
      width: 210px;
      height: 210px;
      border-radius: 999px;
      background: rgba(0, 200, 244, 0.10);
      pointer-events: none;
    }

    .dh-rules-cta__icon {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 58px;
      height: 58px;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
      color: #ffffff;
      box-shadow: 0 14px 26px rgba(0, 200, 244, 0.26);
      flex: 0 0 auto;
    }

    .dh-rules-cta__content {
      position: relative;
      z-index: 1;
      min-width: 0;
    }

    .dh-rules-cta__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin: 0 0 7px;
      color: var(--dh-accent-dark);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .dh-rules-cta__eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--dh-accent);
    }

    .dh-rules-cta__title {
      margin: 0;
      color: var(--dh-text);
      font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
      font-size: clamp(22px, 3vw, 32px);
      font-weight: 950;
      line-height: 1.08;
      letter-spacing: -0.04em;
    }

    .dh-rules-cta__text {
      max-width: 720px;
      margin: 9px 0 0;
      color: var(--dh-muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.65;
    }

    .dh-rules-cta__actions {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      min-width: 210px;
    }

    .dh-rules-cta__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 14px 18px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--dh-accent), var(--dh-accent-dark));
      color: #ffffff !important;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
      text-decoration: none !important;
      white-space: nowrap;
      box-shadow: 0 14px 24px rgba(0, 200, 244, 0.24);
      transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    }

    .dh-rules-cta__button:hover {
      transform: translateY(-1px);
      filter: brightness(0.98);
      box-shadow: 0 18px 28px rgba(0, 200, 244, 0.28);
    }

    .dh-rules-cta__buttonArrow {
      font-size: 18px;
      line-height: 1;
    }

    @media (max-width: 820px) {
      .dh-rules-cta__box {
        grid-template-columns: 52px minmax(0, 1fr);
        align-items: start;
        padding: 20px;
      }

      .dh-rules-cta__icon {
        width: 52px;
        height: 52px;
        border-radius: 18px;
      }

      .dh-rules-cta__actions {
        grid-column: 1 / -1;
        justify-content: stretch;
        min-width: 0;
      }

      .dh-rules-cta__button {
        width: 100%;
      }
    }

    @media (max-width: 520px) {
      .dh-rules-cta {
        margin: 22px auto;
        padding: 0 12px;
      }

      .dh-rules-cta__box {
        grid-template-columns: 1fr;
        gap: 14px;
        border-radius: 22px;
        padding: 18px;
      }

      .dh-rules-cta__title {
        font-size: 24px;
      }

      .dh-rules-cta__text {
        font-size: 13px;
      }
    }
  </style>

  <div class="dh-rules-cta__box">
    <span class="dh-rules-cta__icon" aria-hidden="true">
      <svg viewBox="0 0 24 24" width="27" height="27" fill="none">
        <path d="M7 3h7l4 4v14H7V3Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
        <path d="M14 3v5h4" stroke="currentColor" stroke-width="2" stroke-linejoin="round"></path>
        <path d="M9.5 12h5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
        <path d="M9.5 16h5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
      </svg>
    </span>

    <div class="dh-rules-cta__content">
      <p class="dh-rules-cta__eyebrow">Przed przyjazdem</p>
      <h2 class="dh-rules-cta__title">Zapoznaj się z regulaminem pobytu</h2>
      <p class="dh-rules-cta__text">
        Przed dokonaniem rezerwacji lub przyjazdem do apartamentu sprawdź najważniejsze zasady pobytu, godziny zameldowania, warunki korzystania z obiektu oraz informacje organizacyjne dla gości.
      </p>
    </div>

    <div class="dh-rules-cta__actions">
      <a class="dh-rules-cta__button" href="https://apartamenty-darlowko.pl/regulamin-pobytu/" target="_blank" rel="noopener">
        Zobacz regulamin
        <span class="dh-rules-cta__buttonArrow" aria-hidden="true">→</span>
      </a>
    </div>
  </div>
</section>
				</div>
					</div>
				</div>
				</div>
		<p>&lt;p&gt;The post <a rel="nofollow" href="https://apartamenty-darlowko.pl/dreamhouse/lodz/">Łódź</a> first appeared on <a rel="nofollow" href="https://apartamenty-darlowko.pl">Apartamenty Darłówko | Wynajem nad Morzem - DreamHouse</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
