/* CSS Document */

#content-ofert {position: relative; font-family: Poppins;
--kolorw: #92d382; /*#d9edd4;*/
--kolorr: #ffcc01;
--kolorz: #ffcc01;
--kolors: #a1a1a1;

--kolorOFR: #FFCC00;
}
#content-ofert *:before, #content-ofert *:after {font-family: inherit; font-weight: inherit;}

#content-ofert .loader {position: absolute; top:0; left: 0;  width: 100%;height: 100%; display: flex; background: rgba(255,255,255,.8);}
#content-ofert .loader i {font-size: 30px; margin: auto;}

#rodzaj-oferta .rodzaj-oferta--zakladki {border-bottom: 1px solid #cbcbcb; display: flex; gap: 5px; padding: 10px 50px 0; font-size: clamp(9px, 2vw, 14px);    line-height: 1.2;}
#rodzaj-oferta .item-rodzaj-oferta--zakladki {background: linear-gradient(var(--kolorOFB), #ccc 85%, #ccc calc(100% - 1px), #fff calc(100% - 1px)); margin-bottom: -1px; padding: 0;  border-radius: 10px 10px 0 0; margin-top: auto; transition: all 1s; cursor: pointer;}
#rodzaj-oferta .item-rodzaj-oferta--zakladki div {background: #000; color: #fff;  padding: 0.75em 1.5em; border-radius: 10px 10px 0 0; transition: all 1s; }
#rodzaj-oferta .item-rodzaj-oferta--zakladki[data-active="0"] {display: none;} 

#content-ofert[data-typ="mieszkania"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="mieszkania"],
#content-ofert[data-typ="garaz"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="garaz"] ,
#content-ofert[data-typ="komorki"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="komorki"] ,
#content-ofert[data-typ="uslugi"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="uslugi"] ,
#content-ofert #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-widocznosc="1"]
	{ padding: 1px;}


#content-ofert[data-typ="mieszkania"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="mieszkania"] div,
#content-ofert[data-typ="garaz"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="garaz"] div,
#content-ofert[data-typ="komorki"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="komorki"] div,
#content-ofert[data-typ="uslugi"] #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-typ="uslugi"] div,
#content-ofert #rodzaj-oferta .item-rodzaj-oferta--zakladki[data-widocznosc="1"] div
	{background: #fff; color: #000; padding-block: 1em 1.5em;}

#sortowanie-oferta {display: flex; justify-content: space-between; margin-block: 25px;}
#sortowanie-oferta .oferta-podsumowanie {font-size: 20px; font-weight: 600;}
#sortowanie-oferta .oferta-sortowanie {font-size: 11px; text-align: right; margin-left: auto; display: flex; gap: 10px;}
#sortowanie-oferta .oferta-sortowanie > div {display: flex; gap: 5px; align-items: center; text-transform: uppercase; color: #707070;}
#sortowanie-oferta .oferta-sortowanie .tytul {color: #000; font-size: inherit; font-weight: inherit;}

#sortowanie-oferta .oferta-sortowanie [data-sort="1"], 
#sortowanie-oferta .oferta-sortowanie [data-sort="-1"] {color: var(--kolorOFB);}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-sort [data-sort] {display: flex; align-items: center; gap: 5px; cursor: pointer;}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-sort [data-sort] i {display: none; font-size: 1.7em;}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-sort [data-sort="-1"] i.mydown {display: block;}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-sort [data-sort="1"] i.myup {display: block;}

#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-wyswietlanie [data-sort] {display: flex; align-items: center; gap: 5px; cursor: pointer;}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-wyswietlanie i {color: #707070; font-size: 1.7em;}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-wyswietlanie[data-wyswietlanie="1"] [data-sort="1"] i {color: var(--kolorOFB);}
#sortowanie-oferta .oferta-sortowanie .oferta-sortowanie-wyswietlanie[data-wyswietlanie="-1"] [data-sort="-1"] i {color: var(--kolorOFB);}

.ofertahistoria {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}


.ofertahistoria .item-oferta {position: relative; padding: 1px; background:  #ccc ;overflow: hidden; transition: 0.5s;}
.ofertahistoria .item-oferta[data-promocja="1"] { --kolorOF: var(--kolorOFB); background: linear-gradient(var(--kolorOF), #ccc 55%); }

.ofertahistoria .item-oferta:hover {border-radius: 0 30px;}


.ofertahistoria .wrapper-oferta { padding: 15px; background: #fff; display: grid; gap: 20px; height: 100%;}
.ofertahistoria .wrapper-oferta .header {display: flex; justify-content: flex-start; align-items: flex-start; text-transform: uppercase; font-size: 11px; font-weight: 600;  gap: 5px; }
.ofertahistoria .wrapper-oferta .promocjaEl {background: var(--kolorOF); padding: 0.3em 0; width: 100px; text-align: center; color: var(--kolorOFC); display: flex; gap: 5px; justify-content: center; align-items: center;}
.ofertahistoria .wrapper-oferta .promocjaEl i {font-size: 1.3em;}
.ofertahistoria .wrapper-oferta .status {background: #FFCC00; padding: 0.3em 0; color: #000; width: 100px; text-align: center; display: none;}
.ofertahistoria .wrapper-oferta .status[data-status="Dostępne"] {background: #92E6A0; padding: 0.3em 0; color: #000; width: 100px; text-align: center; display: none;}
.ofertahistoria .wrapper-oferta .status[data-status="Rezerwacja"] {background: var(--kolorOF);
    padding: 0.3em 0;
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 2em;
    right: -40%;
    transform: rotate(45deg);
    transform-origin: center center; display: block;}
.ofertahistoria .wrapper-oferta .ulubione {display: none;}

.ofertahistoria .wrapper-oferta .rzut { height: 250px;}
.ofertahistoria .wrapper-oferta .rzut img { width: 100%; height: 100%; object-fit: contain; object-position: center;}

.ofertahistoria .wrapper-oferta .informacja { display: flex; justify-content: space-between; flex-flow: row nowrap; line-height: 1; text-align: left; }
.ofertahistoria .wrapper-oferta .legenda {display: grid; gap: 5px;}
.ofertahistoria .wrapper-oferta .lokal {font-size: 21px; font-weight: 600; margin-bottom: 10px;}
.ofertahistoria .wrapper-oferta .ikony {display: grid; grid-template-columns: 13px 1fr; gap: 10px; align-items: center; text-align: left;}
.ofertahistoria .wrapper-oferta .ikony i {font-size: 12px; }
.ofertahistoria .wrapper-oferta .ikony span {font-size: 14px;}

.ofertahistoria .wrapper-oferta .ceny {display: grid; gap: 5px; text-align: right;}
.ofertahistoria .wrapper-oferta .cenaBiezaca {color: var(--kolorOF); font-weight: 600; font-size: 23px;}
.ofertahistoria .wrapper-oferta .cenaBiezaca span {font-weight: 300; font-size: 0.5em;}
.ofertahistoria .wrapper-oferta .cenaPoprzednia {font-size: 15px; color: #838383; text-decoration: line-through; font-weight: 300;}
.ofertahistoria .wrapper-oferta .cenaPoprzedniaNajnizsza {font-size: 9px; white-space: pre-line;}
.ofertahistoria .wrapper-oferta .btn {background: var(--kolorOF); color: var(--kolorOFC); text-transform: uppercase; height: 40px; padding: 0 2em; border-radius: 92px; font-size: 11px; font-weight: 400; display: flex; margin-top: auto;}
.ofertahistoria .wrapper-oferta .btn span {margin: auto;}

#oferta-load-more-wrapper {width: 100%; height: 100%; }

#oferta-load-more {border: 1px solid #ccc; display: flex; flex-direction: column; gap: 30px; width: 100%; height: 100%; background: #ccc; justify-content: flex-end; align-items: flex-end; text-align: right; padding: 30px; cursor: pointer;}

#oferta-load-more .norm {white-space: pre-line; font-size: 20px; line-height: 1.2;}
#oferta-load-more .pkz {white-space: pre-line; font-size: 27px; font-weight: 600;  text-decoration: underline; line-height: 1.2;}



[data-rodzaj="lista"] .ofertahistoria {display: table; width: 100%;}
[data-rodzaj="lista"] .ofertahistoria .item-oferta {display: table-row; font-size: 13px; background: #fff; position: relative; }
[data-rodzaj="lista"] .ofertahistoria .item-oferta:nth-child(even) {background: #f1f1f1;}

[data-rodzaj="lista"] .ofertahistoria .item-oferta > div {display: table-cell; padding: 0.5em;vertical-align: middle;}
[data-rodzaj="lista"] .ofertahistoria .ceny {text-align: right;    position: relative; font-size: 1.1em;    padding-right: 18px !important;}
[data-rodzaj="lista"] .ofertahistoria .ceny span {font-size: 0.65em; line-height: 1;}
[data-rodzaj="lista"] .ofertahistoria .cenaPoprzednia {font-size: 0.7em; margin-bottom: 19px; line-height: 1; text-decoration: line-through;}
[data-rodzaj="lista"] .ofertahistoria .cenaPoprzedniaNajnizsza {  position: absolute; bottom: 5px;  font-size: 8px; text-align: right;margin-inline: auto 8px; line-height: 1;}
[data-rodzaj="lista"] .ofertahistoria .item-oferta[data-promocja="1"] .ceny .promocjaEl {color: var(--kolorOFB); position: absolute; top: 10px; right: 0;}

[data-rodzaj="lista"] .ofertahistoria .lokal {text-align: left; font-weight: 600; font-size: 1.1em;}
[data-rodzaj="lista"] .ofertahistoria .status,
[data-rodzaj="lista"] .ofertahistoria .link,
[data-rodzaj="lista"] .ofertahistoria .historia
	{text-align: center;}
[data-rodzaj="lista"] .ofertahistoria .historia div {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 0; text-align: center; cursor: pointer;}
[data-rodzaj="lista"] .ofertahistoria .historia div span {text-transform: uppercase; font-size: 9px;}
[data-rodzaj="lista"] .ofertahistoria .status div span {font-size: 12px;}
[data-rodzaj="lista"] .ofertahistoria .ikony {white-space: nowrap;}
[data-rodzaj="lista"] .ofertahistoria .ikony .ik {white-space: nowrap; line-height: 1;}
[data-rodzaj="lista"] .ofertahistoria .ikony .ik div {display: inline;}
[data-rodzaj="lista"] .ofertahistoria a {cursor: pointer;}
[data-rodzaj="lista"] .ofertahistoria .btn span {font-size: 10px; text-transform: uppercase;  padding: 0.4em 1em; border-radius: 1.5em; border: 1px solid #877f77; background: #877f7780;white-space: nowrap; }

[data-rodzaj="lista"] .ofertahistoria .item-oferta:hover {background: #3d3d3d;    color: #F1f1f1;}
[data-rodzaj="lista"] .ofertahistoria .item-oferta:hover .btn span {border-color: #f4e7d4; background: #f4e7d440;}
[data-rodzaj="lista"] #oferta-load-more {justify-content: center; align-items: center;}
[data-rodzaj="lista"] #oferta-load-more .norm,
[data-rodzaj="lista"] #oferta-load-more .pkz 
	{white-space: normal;}

#content-ofert .element-rodzaj-oferta {display: none;}
#content-ofert[data-typ="mieszkania"] .element-rodzaj-oferta[data-typ="mieszkania"],
#content-ofert[data-typ="garaz"] .element-rodzaj-oferta[data-typ="garaz"],
#content-ofert[data-typ="komorki"] .element-rodzaj-oferta[data-typ="komorki"],
#content-ofert[data-typ="uslugi"] .element-rodzaj-oferta[data-typ="uslugi"],
#content-ofert .element-rodzaj-oferta[data-widocznosc="1"]
	{display: block;}

#oferta-plany-garaze {margin-block: 25px; position: relative;}
#oferta-plany-garaze svg {width: 100%; top:0; left: 0;  position: absolute; z-index: 1;}
#oferta-plany-garaze svg .nr {fill: #000;font-size: 10px;}
#oferta-plany-garaze svg .nr .dopisek {font-size: 8px;}
#oferta-plany-garaze svg [data-status] .status {fill: var(--kolorw);}
#oferta-plany-garaze svg [data-status="Sprzedane"] .status {fill: var(--kolors);}
#oferta-plany-garaze svg [data-status="Rezerwacja"] .status {fill: var(--kolorr);}

#oferta-plany-garaze img {position: relative; width: 100%; z-index: 0;}
#oferta-plany-garaze .legenda {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 25px; }
#oferta-plany-garaze .legenda > div {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin: 5px 0; }
#oferta-plany-garaze .legenda > div:before {
        content: '';
        width: 15px;
        height: 15px;
        border: 1px solid #000;
        background: none;
        margin: auto 5px; }
#oferta-plany-garaze .legenda > div span {
        display: inline-block;
        text-align: left;
        margin: auto 0;
        font-size: 9px;
        text-transform: uppercase; }
#oferta-plany-garaze .legenda > div.rezerwacja:before {
        background: var(--kolorr); opacity: 0.5; }
#oferta-plany-garaze .legenda > div.sprzedane:before {
        background: var(--kolors); opacity: 0.5; }
#oferta-plany-garaze .legenda > div.wolne:before {
        background: var(--kolorw); opacity: 0.5; }
#oferta-plany-garaze .legenda > div.r-U {
        display: none; }
#oferta-plany-garaze .legenda > div.r-U:before {
          background: #F4E7D4; }


.pozostale-tooltip {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 9999;
}
.pozostale-tooltip__content strong {
    font-size: 13px;
}

#filtry-oferta .wyszukiwarka {
    max-width: 950px;
    background: #f2f2f2;
    padding: 25px;
    margin: 25px auto;
    display: flex;
    flex-flow: row nowrap;
    gap: 30px;
	position: relative;
}
#filtry-oferta .wyszukiwarka .tytul {
    text-align: left;
    font-size: 11px;
    color: #707070;
}
#filtry-oferta .wyszukiwarka .zakres {
    min-width: 180px;
}
#filtry-oferta .wyszukiwarka .values {
    font-size: 12px;
    color: #707070;
    font-weight: 500;
}
#filtry-oferta .wyczysc {
	text-decoration: underline;
    font-size: 13px;
    position: absolute;
    bottom: 10px;
    left: 25px;
	
}
#filtry-oferta .wyczysc:hover {
	cursor: pointer;
	color: var(--kolorOFB);
}

/* wrapper suwaka */
.wyszukiwarka .range-slider {
    width: 100%;
    position: relative;
    height: 25px;
    margin-bottom: 8px;
}

/* cienka linia tła */
.wyszukiwarka .range-slider::before {
    content: '';
    position: absolute;
    left: 0;
    top: 19px;
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    z-index: 0;
}



/* oba inputy nakładają się na siebie */
.wyszukiwarka .range-slider .rangeMin,
.wyszukiwarka .range-slider .rangeMax {
    position: absolute;
  left: 0;
  width: 100%;
  top: 19px;       /* na wysokości linii */
  height: 0;       /* brak dużego hitboxu */
  background: none;
  -webkit-appearance: none;
  appearance: none;
	overflow: inherit;
	pointer-events: none; /* OK: blokujemy pasek */
}

.wyszukiwarka .range-slider input[type="range"]:focus {
    outline: none;
}

/* domyślnie prawy nad lewym */
.wyszukiwarka .range-slider .rangeMin {
    z-index: 2;
}
.wyszukiwarka .range-slider .rangeMax {
    z-index: 3;
}

/* thumbs – tu widać „kulki” */
.wyszukiwarka .range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: auto;   /* ← MUSI być auto */
    position: relative;
    
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: var(--kolorOFB);
	border: 5px solid var(--kolorOFB);
    cursor: pointer;
	z-index: 6; 
}
.wyszukiwarka .range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: auto;   /* ← MUSI być auto */
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: var(--kolorOFB);
    border: 2px solid var(--kolorOFB);
    cursor: pointer;
	z-index: 6;
}

/* aktywny przed innym */
.wyszukiwarka .range-slider .rangeMin:active,
.wyszukiwarka .range-slider .rangeMin:focus {
    z-index: 4;
}

/* zaznaczony przedział */
.wyszukiwarka .range-slider .track {
    position: absolute;
    top: 17px;
    height: 4px;
    background: var(--kolorOFB);
    border-radius: 4px;
    z-index: 5;
}

[data-active="0"] {display: none;}


.blok-buttons .wybor-buttons .btn {padding: 5px .5em; min-width: 2em; font-size: 16px; font-weight: 600; background: #fff; border: 1px solid #aaa; border-radius: 5px; cursor: pointer; line-height: 1; text-align: center;}
.blok-buttons .wybor-buttons .btn[data-active="1"] {border: 2px solid var(--kolorOFB); } 




/* Overlay całego modala */
.oferta-history-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.oferta-history-modal.is-visible {
    display: block;
}

/* Przyciemnione tło */
.oferta-history-modal .oferta-history-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

/* Okno dialogowe */
.oferta-history-modal .oferta-history-dialog {
    position: relative;
    max-width: 700px;
    margin: 60px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    padding: 24px 28px 20px;
}

/* Nagłówek / tytuł */
.oferta-history-modal .oferta-history-content h3 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

/* Przycisk zamknięcia (X) */
.oferta-history-modal .oferta-history-close {
    position: absolute;
    top: 10px;
    right: 12px;
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #777;
    padding: 0;
}

.oferta-history-modal .oferta-history-close:hover {
    color: #000;
}

/* Tabela historii */
.oferta-history-modal .oferta-history-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.oferta-history-modal .oferta-history-table thead {
    background: #f2f2f2;
}

.oferta-history-modal .oferta-history-table th,
.oferta-history-modal .oferta-history-table td {
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
}

.oferta-history-modal .oferta-history-table th {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #707070;
}

.oferta-history-modal .oferta-history-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* Wyrównanie wartości liczbowych do prawej */
.oferta-history-modal .oferta-history-table td:nth-child(2),
.oferta-history-modal .oferta-history-table td:nth-child(3) {
    text-align: right;
}

/* Komórka z komunikatem "Brak danych" */
.oferta-history-modal .oferta-history-table td[colspan="3"] {
    text-align: center;
    color: #888;
    font-style: italic;
}
#plan {margin-bottom: 80px;}
#plan .cofnij, #plan .close-plan, #plan button { display: block; margin: 30px 0; text-align: left; padding: 1% 5%; background: none; border: none; cursor: pointer; }
#plan .head { border: 1px solid #bbb; border-radius: 10px; padding: 3% 5%; font-size: 22px; margin-bottom: 60px; display: flex; justify-content: space-between; align-items: center;}
#plan .head h1 {font-size: 25px; font-weight: 600;}
#plan .head .item-cena { text-align: right; }
#plan .head .cena { font-weight: 700; font-size: 25px; }
#plan .head .cena span { font-size: 0.6em; font-weight: 400; }
#plan .head .p { font-size: 10px; }
#plan .head .historia { font-size: 12px; cursor: pointer; display: flex; gap: 10px; justify-content: flex-end; align-items: center; }
#plan .head .historia span { text-decoration: underline; }
#plan .head .historia i { text-decoration: none; }
#plan .content { display: grid; grid-template-columns: 60% 1fr; grid-gap: 50px; margin: 0 3%; }
#plan .content .item-img { border-radius: 10px; border: 1px solid rgba(187, 187, 187, 0.3); padding: 5%; }
#plan .content .item-img img { width: 100%; display: block;    max-height: 500px;     object-fit: contain;}
#plan .content .item-img.item-img2 { margin-top: 50px; }
#plan .content .item-legenda .items-1, #plan .content .item-legenda .items-2 {  padding: 0 10px;     width: 100%;
    }
#plan .content .item-legenda .items-2 {margin-top: 50px;}


#plan .content .item-legenda .parametry { display: flex; flex-direction: row; justify-content: flex-end; }


#plan .content .item-legenda .parametry .itmpj:last-child { text-align: right; }
#plan .content .item-legenda .kondygnacja { text-align: right; }
#plan .content .item-legenda .p { font-size: 10px; color: #8C8C8C; letter-spacing: 0; text-transform: uppercase;    }
#plan .content .item-legenda .w { font-weight: 500; font-size: 16px; color: #000000; letter-spacing: 0; text-align: right; }
#plan .content .item-legenda .items-pomieszczenia {border-top: 1px solid #bbb;}
#plan .content .item-legenda .item { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 12px 10px; border-bottom: 1px solid #bbb; line-height: 1.1; font-size: 13px; }
#plan .content .item-legenda .item .item .w { margin: auto 0 auto auto; white-space: nowrap; font-size: 13px; }
#plan .content .item-legenda .item .item .nr { margin-right: 15px; }
#plan .content .item-legenda .dodatek { display: flex; margin-bottom: 20px; justify-content: space-between; }
#plan .content .item-legenda .dodatek .lpod { display: flex; gap: 10px; justify-content: flex-start; align-items: center; }
#plan .content .item-legenda .dodatek .lpod i { font-size: 25px; width: 31px; text-align: center; }
#plan .content .item-legenda .dodatek .lpod span { white-space: pre-line; line-height: 1; }
#plan .content .item-legenda .dodatek .zakres { font-weight: 700; }
#plan .content .items-buttons { margin: 30px 0; }
#plan .content .items-buttons a { font-size: 10px; }



/* Responsywność – mniejsze ekrany */
@media (max-width: 768px) {
    .oferta-history-modal .oferta-history-dialog {
        margin: 40px 12px;
        padding: 18px 16px 16px;
    }

    .oferta-history-modal .oferta-history-content h3 {
        font-size: 16px;
    }

    .oferta-history-modal .oferta-history-table th,
    .oferta-history-modal .oferta-history-table td {
        padding: 6px 6px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 1024px) {
	
	#rodzaj-oferta .rodzaj-oferta--zakladki {padding-inline: 3vw;}
	
	[data-rodzaj="lista"] .ofertahistoria .ikony.ekspozycja {display: none;}
}

@media only screen and (max-width: 800px) {
	[data-rodzaj="lista"] .ofertahistoria .historia span,
	[data-rodzaj="lista"] .ofertahistoria .status span
		{display: none !important;}
	[data-rodzaj="lista"] .ofertahistoria .status div {width: 15px; height: 15px; border-radius: 50%; margin: auto;}
	[data-rodzaj="lista"] .ofertahistoria .status[data-status="Dostępne"] div {background: var(--kolorw);}
	[data-rodzaj="lista"] .ofertahistoria .status[data-status="Rezerwacja"] div {background: var(--kolorr);}
	
	#plan .head { margin-bottom: 5%; }
  #plan .content { margin: 0; grid-template-columns: 1fr; }
  #plan .content .item-img { min-height: auto; }
}

@media only screen and (max-width: 800px) and (orientation: landscape){
	#oferta-lista { grid-template-columns: repeat(2, 1fr); }
	#filtry-oferta .wyszukiwarka {flex-wrap: wrap;}
	
	
	
}
@media only screen and (max-width: 800px) and (orientation: portrait){
	#oferta-lista { grid-template-columns: repeat(1, 1fr); }
	#sortowanie-oferta {flex-direction: column; gap: 15px}
	#sortowanie-oferta .oferta-podsumowanie {text-align: left;}
	#sortowanie-oferta .oferta-sortowanie {flex-direction: column; align-items: flex-end; gap: 5px;}
	#filtry-oferta .wyszukiwarka {flex-direction: column; gap: 0;}
	
	
}