@media only screen and (min-width: 380px) and  (max-width: 479px) {
.przerwa {

    height: 7vw;
}
}

@media only screen and (max-width: 380px) {
    .przerwa {
    
        height: 5vw;
    }
    }

@media only screen and (min-width: 479px) {
    .przerwa {
    
        display: none;
    }
    }

.property-title {
    text-align: right;
    line-height: 1.4 !important;
    pointer-events: none;
}

.system-dewelopera .tooltip {
    position: fixed;
    z-index: 10;
    pointer-events: none;
    text-align: left;
    font-family: 'GillSansNova-Book';
    visibility: hidden;
    overflow: hidden;
    display: flex;
    font-size: 10px;
    justify-content: center;
    opacity: 75%;
    letter-spacing: 2.34px;
    border: solid 1px black;
}

.system-dewelopera .tooltip .status {
    width: 100%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
}

.system-dewelopera .tooltip .tooltip-container {
    padding: 4px 10px;
}

.system-dewelopera .tooltip .title {
    font-size: 40px;
    padding-bottom: 1rem;
    line-height: 40px;

}

.system-dewelopera .tooltip .row {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    border-top: solid 1px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.system-dewelopera .row div:first-child {

    min-width: 115px;
}

.system-dewelopera .row div:last-child {

    font-weight: bold;
}


.system-dewelopera .container {
    position: relative;
    display: flex;
    gap: 2rem;
}

.system-dewelopera #myCanvas {
    position: absolute;
    top: 0;
    left: 0;
}

.system-dewelopera .tooltip.taxonomy {
    display: none;
    flex-direction: column;
    position: absolute;
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
    justify-content: center;
    align-items: center;
}

.system-dewelopera .tooltip.taxonomy .title {
    font-weight: 400;
}

.system-dewelopera .tooltip.taxonomy .licba-dostepnych-nieruchmosci {
    font-size: 40px;
}

.system-dewelopera .tooltip.taxonomy .text {
    font-size: 15px;
    text-align: center;
}

.system-dewelopera .inwestycja {
    width: 100%;
}

.system-dewelopera .inwestycja img {
    width: 100%;
    display: flex;
}


@keyframes blinkAnimation {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.blink {
    animation-name: blinkAnimation;
    animation-duration: 1s;
    /* Całkowity czas trwania animacji */
    animation-iteration-count: 3;
    /* Liczba powtórzeń animacji */
}



/* Panel select */


.system-dewelopera .custom-select {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    display: none;
}

.system-dewelopera .custom-select .selected-value {
    padding: 10px;
    /* Usuwa markery listy */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    text-align: left;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 200px;
}

.system-dewelopera .custom-select .options-list {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    /* Dodaj obramowanie */
    border-top: none;
    display: none;
    /* Ukryj domyślnie */
    list-style-type: none;
    /* Usuwa markery listy */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid;
    /* Dodaj cień */
}

.system-dewelopera .custom-select .show {
    display: block;
}

.system-dewelopera .custom-select .options-list li {
    padding: 10px;
    text-align: left;
    transition: background-color 0.3s;
    cursor: pointer;
    font-size: 14px;
    /* Ustaw rozmiar czcionki dla opcji */
}


/* Styl dla hierarchii */
.system-dewelopera .custom-select .options-list li[data-depth="0"] {
    padding-left: 20px;
}

.system-dewelopera .custom-select .options-list li[data-depth="1"] {
    padding-left: 40px;
}

.system-dewelopera .custom-select .options-list li[data-depth="2"] {
    padding-left: 60px;
}

.system-dewelopera .custom-select .select-icon {
    width: 15px;
    height: 15px;
    pointer-events: none;
}

.system-dewelopera .custom-select.open .select-icon {
    transform: rotate(180deg);
}




/* Domyślne style  */

.system-dewelopera #myCanvas {
    border-color: #ddd;
}

.system-dewelopera .inwestycja {
    border-color: #ddd;
}

.system-dewelopera .custom-select .selected-value {
    background: white;
    border-color: #ddd;
    color: black;
}

.system-dewelopera .custom-select .options-list {
    background: white;
    border-color: #ddd;
    color: black;
}

.system-dewelopera .custom-select .select-icon {
    fill: black;
    /* Tutaj zmień kolor */
}

.system-dewelopera .custom-select .options-list li:hover {
    background: #f2f2f2;
}

.system-dewelopera .custom-select::after {
    color: black;
    /* Ustaw kolor strzałki */
}

.system-dewelopera .tooltip {
    background: white;
    color: black;
}

.system-dewelopera .tooltip .status {
    color: white;
}

.system-dewelopera .tooltip .row {
    border-top-color: #80808030;
}

.system-dewelopera .status.Dostępne {

    background: green;

}

.system-dewelopera .status.Zarezerwowane {

    background: orange;

}

.system-dewelopera .status.Sprzedane {

    background: red;

}


/* Podstawy i naprawa width=0 / height=0 */
.system-dewelopera { display:block; width:100%; box-sizing:border-box; }
.system-dewelopera *, .system-dewelopera *::before, .system-dewelopera *::after { box-sizing:border-box; }

.system-dewelopera .investment-slider{
  position:relative;
  width:100%;
  margin:0 auto;
}

/* Slajdy nakładane (fade) */
.system-dewelopera .investment-slide{
  /* JS ustawia: position:absolute; top:0; left:0; width:100%; opacity... */
  /* poniżej tylko awaryjnie: */
  width:100%;
}

/* Upewnij się, że nasza .container nie dziedziczy dziwnych szerokości z motywu */
.system-dewelopera .container{
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  margin:0;
}

/* Obraz wypełnia szerokość kontenera */
.system-dewelopera .inwestycja{ position:relative; width:100%; }
.system-dewelopera .inwestycja img{ display:block; width:100%; height:auto; }

/* Desktop vs mobile */
.system-dewelopera .inwestycja img.desktop{ display:block; }
.system-dewelopera .inwestycja img.mobile{ display:none; }
@media (max-width:1119px) {
  /* .system-dewelopera .inwestycja img.desktop{ display:none; } */
  /* .system-dewelopera .inwestycja img.mobile{ display:block; } */
  .sd-tooltip--visible {
    width: 100% !important;
    z-index: 9 !important;
    left: 0 !important;
    top: 0 !important;
    /* transform: translateY(calc(-100% - 1vw - 80px)) !important; */
    
}

.sd-t-head {
    font-size: 14px !important;
    padding: 15px !important;
}

.sd-t-left {
    display: flex;
    flex-direction: column !important;
}

.sd-t-right{
    display: flex;
    flex-direction: column !important;
    align-items: center;
}


img.sd-t-image {
    width: 200px !important;
    margin-bottom: 20px;
}

.buttony {
    display: flex !important;
    gap: 22px !important;
}


.sd-btn {
    font-size: 12px !important;
    max-width: unset !important;
}


.sd-label {
    font-size: 9px !important;
}

.sd-value {
    font-size: 9px !important;
}
.sd-grid {
    max-width: 202px !important;
    gap: 90px !important;


}

.sd-price__main {
    font-size: 14px !important;
}

.sd-price__per {
    font-size: 12px !important;
}

span.sd-price__note-value {
    font-size: 9px !important;
}

span.sd-price__note-label {
    width: 98px !important;
    white-space: normal !important;
    text-align: left !important;
}

.sd-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sd-price  div {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.buttony.desktop {
    display: none !important;
}

.buttony.mobile {
    display: flex !important;
}

}

.buttony.mobile {
    display: none;
}

/* Canvas jako nakładka na obraz */
.system-dewelopera canvas{
  position:absolute; inset:0;
  width:100%; height:100%;    /* CSS-owe wymiary (atrybuty width/height ustawiasz też w JS) */
  pointer-events:auto;
}

/* Tooltip i select – bazowe */
.system-dewelopera .tooltip{
  position:absolute; visibility:hidden; pointer-events:none;
  z-index:7; padding:8px 10px;
}
.system-dewelopera .custom-select{ position:relative; display:inline-block; margin-top:10px; }
.system-dewelopera .custom-select .selected-value{
  display:flex; align-items:center; gap:6px; padding:8px 12px; cursor:pointer; user-select:none;
}
.system-dewelopera .custom-select .options-list{
  position:absolute; left:0; top:calc(100% + 4px);
  display:none; list-style:none; margin:0; padding:0; z-index:6; max-height:40vh; overflow:auto;
  min-width:100%;
}
.system-dewelopera .custom-select.open .options-list{ display:block; }
.system-dewelopera .custom-select .options-list li{ padding:8px 12px; cursor:pointer; }


/* Tytuły / małe tooltipy nad poligonami (jeśli używasz) */
.system-dewelopera .property-title,
.system-dewelopera .property-tooltip{ pointer-events:none; z-index:6; }
.system-dewelopera .property-title{ font-weight:600; background:rgba(255,255,255,.75); padding:2px 6px; border-radius:6px; }
.system-dewelopera .property-tooltip{ background:rgba(0,0,0,.7); color:#fff; padding:4px 6px; border-radius:6px; font-size:12px; }

   

.sd-tooltip.sd-tooltip--pinned,
.sd-tooltip.sd-tooltip--pinned * { pointer-events: auto !important; }

/* === Tooltip card === */
.sd-tooltip{
  position:absolute;
  left: 8vw; 
  top: 1vw;               /* stała pozycja w lewym górnym rogu */
  z-index:9999;
  width: 30vw;
  background:#fff;
  color:#2a2a2a;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  overflow:hidden;
  visibility:hidden;               /* sterowane z JS */
  opacity:0;                       /* ładne wejście/wyjście */
  transform:translateY(-6px);
  transition:opacity .18s ease, transform .18s ease;    
  pointer-events: none;
}
.sd-tooltip--visible{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}
.sd-t-head {
    background: #7f918d;
    color: #fff;
    padding: 0.810vw;
    font-weight: 500;
    font-size: 0.810vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    letter-spacing: calc(1rem * 0.001 * 350);
}

.sd-t-sub{
  background:#564645;              /* ciemniejszy pasek z promo */
  color:#fff;
  padding:10px 18px;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sd-t-body {
    display: flex;
    gap: 1.157vw;
    padding: 18px;
    flex-direction: column;
}

.sd-t-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    max-width: 100%;
    gap: 2vw;
}

.sd-t-left img{
  display:block; 
  width: 11.806vw;
  max-width:100%; 
  height:auto;
}

.sd-btn {
    display: block;
    padding: 0.579vw;
    font-size: 0.694vw;
    text-align: center;
    letter-spacing: .35em;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    background: #7f918d;
    color: #fff;
    margin-bottom: 0.579vw;
    max-width: 7.870vw;
}

.sd-t-body.sprzedane .sd-t-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 1vw;
}

.sd-t-body.sprzedane .sd-t-right .buttony {
    margin-top: 0 !important;
}

.sd-t-body.sprzedane .sd-t-right .sd-btn {
    max-width: fit-content;
}

.sd-t-right {
    display: flex;
    gap: 2vw;
}

.sd-grid {
    display: flex;
    gap: 6vw;
    justify-content: space-between;
}
.sd-label {
    font-size: 0.579vw;
    letter-spacing: calc(1rem * 0.001 * 50);
    color: #8BA5A3;
    text-transform: uppercase;
}
.sd-value{
    font-size: 0.579vw;
    letter-spacing: calc(1rem * 0.001 * 50);
    color: #8BA5A3;
    text-transform: uppercase;
}

.sd-price__main {
    font-weight: 500;
    font-size: 0.810vw;
    letter-spacing: calc(1rem * 0.001 * 350);
}
.sd-price__per{
  font-size:0.694vw; 
  letter-spacing: calc(1rem * 0.001 * 50);
  color:#8BA5A3;
}
.sd-price__old{
  margin-top:8px; color:#97a5a5; text-decoration:line-through;
}

.sd-price__note {
    font-size: 0.463vw;
    letter-spacing: calc(1rem * 0.001 * 50);
    color: #8BA5A3;
    text-transform: uppercase;
    display: flex;
    margin-top: 0.637vw;
    flex-direction: column;
    white-space: nowrap;
}

@media (max-width:920px){
  .sd-t-body{ grid-template-columns:1fr; }
}

button.sd-t-close {
    background: transparent;
    border: none;
    width: fit-content;
    height: fit-content;
    padding: 0;
    display: flex;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.sd-promocja {
    background: #685457;
    color: #fff;
    padding: 0.579vw;
    font-weight: 500;
    font-size: 0.579vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    letter-spacing: calc(1rem * 0.001 * 350);
    display:none;

}