/* zaznaczone pola wyboru w kolorze serwisu (wczesniej domyslny niebieski przegladarki) */
input[type="checkbox"] {accent-color:#70B907;}
/* tekst tylko dla czytnikow ekranu (np. nazwa przycisku wyszukiwania z licznikiem filtrow) */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
body {margin:0px;padding:0px;position:initial;background-color:#f7f7f5;font-size:14px;font-family:'Verdana', 'Arial', sans-serif;}
/* linki ciemnobrazowe #391c04 jak naglowki i ceny (wczesniej niebieskie #0073e9); w listach po najechaniu jasniejszy braz #8a5a22 */
a {color:#391c04;text-decoration:none;line-height:20px;border-bottom:1px solid transparent;}
img {border:none;}
div.wrapper {margin:0px auto;width:99%;}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
nav, header, article, section {display:block;}
.clear {clear:both;}


/* search widget */
.input_text {display:inline-block;border-radius:5px 0px 0px 5px;border:2px solid #b3b1ad;border-right-width:0px;background:#efefef;vertical-align:top;background:#ffffff;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);}
.input_text input {-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;border:none;background-color:transparent;padding:5px 8px;margin:0px;font-size:16px;line-height:26px;}
.input_text input:focus {outline:none;}
.search_button {display:inline-block;width:40px;height:40px;border:1px solid #529206;border-left-width:0px;border-radius:0px 5px 5px 0px;vertical-align:top;background:#70b907 url(../img/lupa.png) no-repeat 50% 50%;text-decoration:none;}

/* buttons */
.login_button {display:inline-block;cursor:pointer;outline:none;white-space:nowrap;line-height:24px;padding:5px 20px 5px 48px; border-radius:36px; border:1px solid #dedcd9;background:#ffffff url(../img/person.png) no-repeat 23px 50%;font-size:16px;color:#494848;text-decoration:none; }
.preview_button {display:inline-block;cursor:pointer;outline:none;white-space:nowrap;line-height:24px;padding:5px 20px; border-radius:36px; border:1px solid #dedcd9;background:#ffffff;font-size:16px;color:#494848;text-decoration:none; }
.add_button, .orange_button {-webkit-appearance: none;display:inline-block;cursor:pointer;outline:none;border:none;white-space:nowrap;line-height:22px;padding:5px 20px;border-radius:36px;border:2px solid #c65300; background:#c65300;font-size:17px;color:#ffffff;text-decoration:none; }
input[type="submit"].add_button {border-color:#b94a00;}
/* przyciski pod formularzem dodawania/edycji - odstep takze po zawinieciu na telefonie (wczesniej przyciski stykaly sie) */
.przyciski-formularza, div#add section form > .form > .step > .right fieldset div.input.przyciski-formularza {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
/* dol formularza dodawania (anonseAdd.jsp) i podgladu (anonseAddPreview.jsp): bez platnych opcji przyciski na srodku,
   z nimi "Razem do zaplaty" po lewej i przyciski po prawej (makieta html/dodaj.html) */
.podsumowanie-platnosci, div#add section form > .form > .step > .right fieldset div.input.podsumowanie-platnosci {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;width:100%;}
.podsumowanie-platnosci .do-zaplaty {display:none;margin:0;font-size:18px;color:#391c04;}
.podsumowanie-platnosci .do-zaplaty b {font-size:24px;white-space:nowrap;}
.podsumowanie-platnosci.z-platnoscia, div#add section form > .form > .step > .right fieldset div.input.podsumowanie-platnosci.z-platnoscia {justify-content:space-between;}
.podsumowanie-platnosci.z-platnoscia .do-zaplaty {display:block;}

.facebook_share,.twitter_share,.subscribe {display:inline-block;background-image:url(../img/buttons_sprite.png);background-color:#f7f7f5;background-repeat:no-repeat;border-radius:5px;border:1px solid #b3b1ad;width:58px;height:48px;-webkit-box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);-webkit-transition: background 200ms linear;transition: background 200ms linear;}
.facebook_share {background-position:0px 0px;}
.facebook_share:hover {background-position:0px -48px;background-color:#4e69a5;}
.twitter_share {background-position:-58px 0px;}
.twitter_share:hover {background-position:-58px -48px;background-color:#00aced;}
.share {position:relative;display:inline-block;vertical-align:top;margin-left:10px;}
.share_button {display:inline-block;width:58px;height:48px;padding:0;border:1px solid #b3b1ad;border-radius:5px;background:#f7f7f5;-webkit-box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);color:#726b66;font-size:22px;cursor:pointer;-webkit-transition:background 200ms linear, color 200ms linear;transition:background 200ms linear, color 200ms linear;}
.share_button:hover,.share_button[aria-expanded="true"] {background:#529206;color:#ffffff;}
.share_menu {position:absolute;top:100%;right:0;z-index:1000;min-width:190px;margin:6px 0 0;padding:6px 0;list-style:none;text-align:left;background:#ffffff;border:1px solid #dedcd9;border-radius:5px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.share_menu[hidden] {display:none;}
.share_menu a,.share_menu button {display:block;width:100%;margin:0;padding:8px 14px;border:none;background:none;color:#391c04;font:inherit;font-size:15px;line-height:20px;text-align:left;text-decoration:none;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;}
article#main header div.right .share_menu a {margin-left:0;}
.share_menu a:hover,.share_menu a:focus,.share_menu button:hover,.share_menu button:focus {background:#f2f1f0;}
.share_menu i {width:20px;margin-right:10px;text-align:center;color:#726b66;}
.subscribe {background-position:-116px 0px;}
.subscribe:hover {background-position:-116px -48px;background-color:#888787;}

.gray_button_list {display:inline-block;position:relative;cursor:pointer;margin-top:5px;}
.gray_button_list span {white-space:nowrap;position:relative;z-index:300;display:block;background-color:#f7f7f5;background-image: url(../img/arrow_down.png);background-repeat: no-repeat;background-position: right 10px bottom 50%;font-weight:bold;color:#726b66;padding:0px 40px 0px 20px;border:1px solid #b3b1ad;border-radius:5px;}
.gray_button_list:hover span {border-bottom-color:transparent;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.gray_button_list ul {overflow:hidden;height:0px;line-height:26px;list-style-type:none;margin:0px;padding:0px;z-index:250;display:block;position:absolute;background-color:#f7f7f5;border-radius:5px;min-width:120%;border-top-right-radius:0px;}
.gray_button_list:hover ul {height:auto;border:1px solid #b3b1ad;padding-top:10px;padding-bottom:5px;}
.gray_button_list ul li a {display:block;line-height:26px;border-top:1px solid transparent;border-bottom:1px solid transparent;padding:0px 18px;text-decoration:none;color:#888787;}
.gray_button_list ul li a {-webkit-transition: all 100ms linear;transition: all 100ms linear;}
.gray_button_list ul li:hover a {border-color:#b3b1ad;background-color:#736f69;color:#ffffff;}

.gray_button_print {display:inline-block;line-height: 36px;background: #f7f7f5 url(../img/printer.png) no-repeat 20px 50%;font-weight:bold;color:#726b66;padding:0px 20px 0px 55px;border:1px solid #b3b1ad;border-radius:5px;text-decoration:none; margin:5px 0;}

.send_message_button {display:inline-block;border-radius:5px;background: #70b907 url(../img/message.png) no-repeat right 15px top 50%;border:1px solid #529206;text-decoration:none;color:#ffffff;padding:5px 52px 5px 17px;line-height:23px;font-weight:bold;margin:5px 0;}

.actions200 a {display:inline-block;width:200px;height:100px;color:#452a13;line-height:20px;vertical-align:top;}
.actions200 a span {display:block;width:46px;height:51px;margin:15px auto 16px;background-repeat:no-repeat;background-image:url(../img/actions.png);}
.actions200 a span.dodaj {background-position:0px 0px;}
.actions200 a span.wyroznij {background-position:-46px 0px;}
.actions200 a span.wroc {background-position:-92px 0px;}
.actions200 a span.dlaczego {background-position:-138px 0px;}
.actions200 a span.napisz {background-position:-184px 0px;}

/* form */

div.styled_select {vertical-align:top;height:30px;display:inline-block;overflow:hidden;border-radius:5px;border:1px solid #b3b1ad;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);background:#ffffff url(../img/select_arrow.png) no-repeat right 3px top 50%;}
div.styled_select select{width:400px;height:30px;line-height:18px;padding:6px;background:rgba(0,0,0,0);border:0px;color:#726b66;margin-right:-30px;-webkit-appearance:none;}
div.styled_select.small select {width:90px;}
div.styled_select.dark {height:40px;border:2px solid #594e38;-webkit-box-shadow:none;box-shadow:none;background:#ffffff url(../img/select_arrow_dark.png) no-repeat right 3px top 50%;}
div.styled_select.dark select{padding:5px;height:40px;color:#000000;}
div.styled_select select.error{border:2px solid #dfce71;outline:5px solid #fff6bb;outline-offset: 0px;}


div.styled_radio {display:inline-block;margin-right:10px;}
div.styled_radio input[type="radio"] {display:none;}
div.styled_radio label {color:#726b66;line-height:16px;}
div.styled_radio label span {line-height:30px;display:inline-block;}
div.styled_radio label span.circle {line-height:16px;height:16px;display:inline-block;vertical-align:middle;margin:7px;width:16px;border:1px solid #b2b1ad;border-radius:9px;padding:0px;background:#ffffff;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);position:relative;margin-left:0px;}
div.styled_radio label span.circle span {background:#70b907;border:1px solid #529206;height:8px;width:8px;border-radius:5px;position:absolute;top:3px;left:3px;opacity:0;}
div.styled_radio input:checked + label span.circle span {opacity:1;}

div.styled_checkbox {display:inline-block;margin-right:10px;}
div.styled_checkbox input[type="checkbox"] {transform: scale(1.5);}
div.styled_checkbox input[type="checkbox"]:checked {background:#70b907}
div.styled_checkbox label {color:#726b66;line-height:18px;padding-left: 10px;}
div.styled_checkbox label span {line-height:30px;}
div.styled_checkbox label span.circle {display:inline-block;width:16px;height:16px;border:1px solid #b2b1ad;padding:0px;background:#ffffff;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);position:relative;vertical-align:middle;margin:7px;margin-left:0px;}
div.styled_checkbox label span.circle span {background:#70b907;border:1px solid #529206;height:8px;width:8px;position:absolute;top:3px;left:3px;opacity:0;}
div.styled_checkbox input:checked + label span.circle span {opacity:1;}
div.styled_checkbox.error label {color: red}

input.styled_input{-webkit-box-sizing: border-box;box-sizing: border-box;color:#726b66;height:30px;line-height:18px;padding:5px 10px;border-radius:5px;border:1px solid #b3b1ad;background:#ffffff;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);}
input.styled_input:focus {border:1px solid #d1ba8b;outline:3px solid #f8e8cd;outline-offset: 0px;}
input.styled_input.small {width:50px;}
input.styled_input.w100 {width:100px;}
input.styled_input.w140 {width:140px;}
input.styled_input.w300 {width:300px;}
input.styled_input.w400 {width:400px;}
input.styled_input.w500 {width:500px;}
input.styled_input.error {border:1px solid #dfce71;outline:3px solid #fff6bb;outline-offset: 0px;}
span.error {color: #dfce71;font-weight: bold;}

textarea.styled_textarea{-webkit-box-sizing: border-box;box-sizing: border-box;color:#726b66;height:18px;line-height:18px;padding:5px 10px;border-radius:5px;border:1px solid #b3b1ad;background:#ffffff;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);}
textarea.styled_textarea.w400 {width:400px;max-width:500px;min-height:200px;}
textarea.styled_textarea:focus {border:1px solid #d1ba8b;outline:3px solid #f8efcd;outline-offset: 0px;}
textarea.styled_textarea.error {border:1px solid #dfce71;outline:3px solid #fff6bb;outline-offset: 0px;}

span.info_cloud  {position:relative;display:inline-block;vertical-align:top;}
span.info_cloud.hidden span.info  {display:none;}
span.info_cloud span.info {position:absolute;display:block;top:0px;left:10px;position:absolute;border:2px solid #dfce71;background-color:#fff6bb;padding:15px;border-radius:5px;color:#946c00;font-size:16px;line-height:22px;width:200px;}
span.info_cloud span.info .arrow1 {position:absolute;top:32px;left:-11px;width:0px;height:0px;border-style:solid;border-width:12px 11px 12px 0;border-color: transparent #dfce71 transparent transparent;}
span.info_cloud span.info .arrow2 {position:absolute;top:35px;left:-9px;width: 0px;height: 0px;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #fff6bb transparent transparent;}
span.info_cloud span.info .close {display:inline-block;cursor:pointer;font-weight:bold;border:1px solid #dfce71;border-radius:5px;width:17px;height:15px;line-height:14px;font-size:14px;text-align:center;position:absolute;top:2px;right:2px;}
span.info_cloud span.info .header {display:block;font-weight:bold;}

div#list .pilne td.image .relative:after,
div#details.pilne .relative:after {z-index: 200;content: "";background:url(../img/etykietka_pilne.png) 0px 0px no-repeat;position:absolute;top:0px;left:0px;display:block;height:95px;width:95px;}
div#list .wyroznione td.image .relative:after,
div#details.wyroznione .relative:after {z-index: 200;content: "";background:url(../img/etykietka_wyroznione.png) 0px 0px no-repeat;position:absolute;top:0px;left:0px;display:block;height:95px;width:95px;}
div#list .wyroznione.pilne td.image .relative:after,
div#details.wyroznione.pilne .relative:after {z-index: 200;content: "";background:url(../img/etykietka_pilnewyroznione.png) 0px 0px no-repeat;position:absolute;top:0px;left:0px;display:block;height:95px;width:95px;}

/* navigation top */
nav#top {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2b2824;border-bottom:2px solid #96886e;}
nav#top .nav-wrapper{z-index:99999;display:flex;align-items:center; width:100%;height:100%;background-color:#2b2824;}
nav#top .main-button{display:none; position:fixed; left:15px; font-size:20px; background-color: #2b2824;border:none; color:#fff;outline:none;border-radius:3px;z-index:99999999999;cursor:pointer;width:41px;height:38px;}
nav#top .search-button{display:none; position:absolute; right:15px; font-size:20px; background-color: #2b2824;border:none; color:#fff;outline:none;border-radius:3px;z-index:999999;cursor:pointer;width:41px;height:38px;}
/* panel: wylogowanie w miejscu lupki (headerSimple.jsp, tylko na telefonie - jak .search-button) */
nav#top .panel-wyloguj {display:none; position:absolute; right:15px; font-size:20px; background-color:#2b2824; color:#fff; border-radius:3px; z-index:999999; width:41px; height:38px; text-decoration:none;}
nav#top .panel-wyloguj:focus-visible {outline:2px solid #70b907; outline-offset:2px;}
nav#top div.wrapper .search-button{position:absolute; right:15px; top:15px;font-size:20px; background-color: #2b2824;border:none; color:#fff;outline:none;border-radius:3px;z-index:99999;cursor:pointer;width:41px;height:38px;}
nav#top div.wrapper .panel-wyloguj {top:15px; z-index:99999;}
nav#top div.nav-wrapper>#logo{display:none;}
nav#top div.wrapper #logo{display:none;}
nav#top .nav-list-icons{display:none; padding-bottom: 15px; padding-top:5px;}
nav#top .nav-list-icons:hover{border-bottom-color:transparent;}
nav#top .nav-list-icons a{display:flex; margin: 10px 0; justify-content:center;}
nav#top .nav-list-icons a.login_button{color:#494848}
nav#top .nav-list-icons a.add_button{color:#fff;} 
nav#top #search{display:flex; position:fixed; right: -120%;top:60px; transition:.3s; z-index:999;}
nav#top .wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;}
nav#top ul{display:inline-block;list-style-type:none;vertical-align:top;padding:0px;margin:0px;}
nav#top ul li{display:inline-block;vertical-align:top;padding:0px;margin:0px;border-bottom:2px solid transparent;margin-bottom:-2px;}
nav#top ul li a{display:block;vertical-align:top;padding:0px 20px;margin:0px;line-height:41px;color:#b2a182;text-decoration:none;font-family:'Verdana', 'Arial', sans-serif;font-size:16px;}
nav#top ul li:hover,
nav#top ul li.active {border-bottom-color:#e7d1a6;}
nav#top ul li:hover a,
nav#top ul li.active a {color:#e7d1a6;}
nav#top ul.left{text-align:left;width:50%;}
nav#top ul.right{text-align:right;width:50%;}
/* menu: Ulubione, Reklama, Pomoc, Kontakt i "Zaloguj" tylko w menu na telefonie; na komputerze pasek bez zmian (z "Moje Ogloszenia") */
nav#top ul li.nav-tylko-telefon {display:none;}
nav#top ul li.nav-zaloguj, nav#top ul li.nav-zaloguj:hover {border-bottom-color:transparent;}
/* wylogowanie w pasku: ikona Font Awesome zamiast img/logout.png */
nav#top ul li a.nav-wyloguj {font-size:19px;}
nav#top ul li {-webkit-transition: border 100ms linear;transition: border 100ms linear;}
nav#top ul li a{-webkit-transition: color 100ms linear;transition: color 100ms linear;}
h1#logo {margin:0px;padding:0px;}
h1#logo a {display:block;height:101px;margin: 0px auto;width:250px;background-image:url(../img/logo.svg);background-repeat:no-repeat;background-size:contain;}
h1#logo a span.miasto {color:#391c04;font-size:20px;font-family:'Verdana', 'Arial', sans-serif;position:relative;top: 64%;left: 46%;}
h1#logo a span.miasto span.nazwa {color:#6fb806;}
h2#logo {margin:0px;padding:0px;}
h2#logo a {display:block;height:101px;margin: 0px auto;width:250px;background-image:url(../img/logo.svg);background-repeat:no-repeat;background-size:contain;}
h2#logo a span.miasto {color:#391c04;font-size:20px;font-family:'Verdana', 'Arial', sans-serif;position:relative;top: 64%;left: 46%;}
h2#logo a span.miasto span.nazwa {color:#6fb806;}

.left-form fieldset {
    border: none;
}
.left-form fieldset label{
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    padding-top: 5px;
    margin-right: 5px;
}
.left-form div.styled_select select {
    margin-right: 0;
    width: 200px;
}
.left-form div.styled_select.small select {
    margin-right: 0;
    width:50px;
}
div#list section .reklama-mobile {
    display: none;
}

.add-btn-fix {display: none;}

.map-form {
    position: fixed;
    bottom: -1000px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    width: 100%;
    padding: 30px 10px;
    transition: .3s;
    z-index: 99999;
    box-sizing: border-box;
    max-height: 80vh;
    overflow: auto;
}

div#list .map-form .form-count {
    max-height: 80vh;
    overflow: auto;
}

.map-form.visib {
    bottom: 0;
}

.map-form fieldset {
    margin: 10px 0;
    border: none;
}

.map-form fieldset label {
    margin-top: 0.2rem;
}

/* filtry pod lupka: kategorie w 3 polach jedno pod drugim (kolejne poziomy pokazywane po wyborze - js/filtry.js) */
.map-form .filtry-mobile fieldset {width:100%;max-width:400px;padding:0;}
.map-form .filtry-mobile fieldset > label {display:block;margin-bottom:5px;}
.map-form .filtry-mobile .styled_select {width:100%;}
.map-form .filtry-mobile .styled_select + .styled_select {margin-top:8px;}
.map-form .filtry-mobile .filtr-poziom[hidden] {display:none;}
.map-form .filtry-mobile input#filtrTytul {width:100%;box-sizing:border-box;}
/* panel filtrow w ramce jak naglowek regulaminu (.reg-naglowek), tytul WYSZUKIWANIE brazowy */
.map-form .filtry-mobile .reg-naglowek {box-sizing:border-box;width:100%;max-width:440px;margin:0 auto;padding:18px 16px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;border-top:4px solid #70b907;}
.map-form .filtry-mobile .reg-naglowek h2 {margin:0 0 6px;padding:0;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#391c04;}
/* ceny w 4 kolumnach: od | pole | do | pole */
.map-form .filtry-mobile .filtr-ceny {display:grid;grid-template-columns:auto minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:8px;}
.map-form .filtry-mobile .filtr-ceny input {width:100%;min-width:0;box-sizing:border-box;margin:0;}
/* "Zastosuj filtry" zielony jak .zastosuj po najechaniu, po najechaniu ciemniejszy */
.map-form .filtry-mobile .zastosuj {display:block;left:auto;transform:none;margin:14px auto 0;padding:7px 28px;background-color:#70B908;border-color:#70B908;color:#fff;font-weight:bold;}
.map-form .filtry-mobile .zastosuj:hover, .map-form .filtry-mobile .zastosuj:focus-visible {background-color:#4b8505;border-color:#4b8505;}

.map-form h2 {
    font-weight: bolder;
    padding-bottom: 10px;
    color: #003399;
}

/* "Zastosuj" w filtrach - okragly jak .preview_button ("Zobacz przed dodaniem"), po najechaniu zielone tlo */
.zastosuj {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #dedcd9;
    padding: 5px 20px;
    line-height: 24px;
    color: #494848;
    font-size: 16px;
    border-radius: 36px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.zastosuj:hover, .zastosuj:focus-visible {
    background-color: #70B908;
    border-color: #70B908;
    color: #fff;
}

.form-counter {
    font-size: 10px;
    position: absolute;
    left: 25px;
    top:0;
    background-color: #6FB806;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

form#search {margin-top:10px;}

.marker-icon[data-cat]:before {
    background-color: #fff;
    border-radius: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    content: '';
    display: block;
    width: 70px;
    height: 40px;
    position: absolute;
    top: -40px;
}

.marker-icon[data-cat='motoryzacja']:before {
    background-image: url('../img/kategorie/png/motoryzacja.svg');
}

.marker-icon[data-cat='nieruchomosci']:before {
    background-image: url('../img/kategorie/png/nieruchomosci.svg');
}

.marker-icon[data-cat='praca']:before {
    background-image: url('../img/kategorie/png/praca.svg');
}

.marker-icon[data-cat='dzieci']:before {
    background-image: url('../img/kategorie/png/dzieci.svg');
}

.marker-icon[data-cat='zwierzeta']:before {
    background-image: url('../img/kategorie/png/zwierzeta.svg');
}

.marker-icon[data-cat='dom']:before {
    background-image: url('../img/kategorie/png/dom.svg');
}

.marker-icon[data-cat='sport']:before {
    background-image: url('../img/kategorie/png/sport.svg');
}

.marker-icon[data-cat='firmy']:before {
    background-image: url('../img/kategorie/png/firmy.svg');
}

.marker-icon[data-cat='slub']:before {
    background-image: url('../img/kategorie/png/slub.svg');
}

.marker-icon[data-cat='ksiazki']:before {
    background-image: url('../img/kategorie/png/ksiazki.svg');
}

.marker-icon[data-cat='urlop']:before {
    background-image: url('../img/kategorie/png/urlop.svg');
}

.marker-icon[data-cat='odziez']:before {
    background-image: url('../img/kategorie/png/odziez.svg');
}

/* ikona podkategorii ogloszenia (mapa.jsp, CATEGORIES.MARKER_ICON, np. opony i felgi) - w miejscu ikony kategorii glownej */
.marker-icon .marker-icon-img {
    background-color: #fff;
    border-radius: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 60%;
    display: block;
    width: 70px;
    height: 40px;
    position: absolute;
    top: -40px;
    z-index: 1;
}



/* header */
header.main {display:block;background-color:#ebeae8;border-bottom:1px solid #dedcd9;}
header.main.small {background-color:transparent;border-bottom:none;margin:30px 0px;}
header.main div.table{display:table;width:100%;}
header.main div.table .cell{display:table-cell;vertical-align:middle;padding:0px 5px;white-space: nowrap}
header.main h1#logo {margin:0px;padding:0px;}
header.main h1#logo a {display:block;height:101px;margin: 0px auto;width:250px;background-image:url(../img/logo.svg);background-position:left center;background-repeat:no-repeat;background-size:96%;}
header.main h1#logo a span.miasto {color:#391c04;font-size:20px;font-family:'Verdana', 'Arial', sans-serif;position:relative;top: 64%;left: 46%;}
header.main h1#logo a span.miasto span.nazwa {color:#6fb806;}
header.main h2#logo {margin:0px;padding:0px;}
header.main h2#logo a {display:block;height:101px;margin: 0px auto;width:250px;background-image:url(../img/logo.svg);background-position:left center;background-repeat:no-repeat;background-size:96%;}
header.main h2#logo a span.miasto {color:#391c04;font-size:20px;font-family:'Verdana', 'Arial', sans-serif;position:relative;top: 64%;left: 46%;}
header.main h2#logo a span.miasto span.nazwa {color:#6fb806;}
header.main form#search .input_text {width:80%;}
header.main form#search .search_button {margin-left:0px;}
header.main div.login_register {float:right;text-align:right;}
header.main div.login_register .dodaj_free {display:block;margin-left:auto;margin-right:0px;margin-top:10px;}

/* navigation bottom*/
nav#bottom {display:block;background-color:#2b2824;border-top:2px solid #96886e;}
nav#bottom div.wrapper {background-image:url(../img/logo_min.png);background-repeat:no-repeat;background-position:0px 50%;}
nav#bottom ul{list-style-type:none;vertical-align:top;padding:0px;margin:0px;}
nav#bottom ul li{display:inline-block;vertical-align:top;padding:5px;margin:0px;border-bottom:2px solid transparent;margin-top:-2px;}
nav#bottom ul li a{display:block;vertical-align:top;padding:0px 20px;margin:0px;line-height:76px;color:#b2a182;text-decoration:none;font-family:'Verdana', 'Arial', sans-serif;font-size:16px;}
nav#bottom ul li:hover,
nav#bottom ul li.active {border-bottom-color:#e7d1a6;}
nav#bottom ul li:hover a,
nav#bottom ul li.active a {color:#e7d1a6;}
nav#bottom ul.right{text-align:right;}
nav#bottom ul li {-webkit-transition: border 100ms linear;transition: border 100ms linear;}
nav#bottom ul li a{-webkit-transition: color 100ms linear;transition: color 100ms linear;}

/* footer bottom*/
footer.main {display:block;background-color:#252220;padding-bottom:38px;}
footer.main p {color:#8e8880;font-size:12px;font-family:'Verdana', 'Arial', sans-serif;margin:0px;}
footer.main p a {color:#98896f;text-decoration:underline;line-height:21px;}
footer.main p.center {text-align:center;padding:38px 86px;}
footer.main div.bottom {width:100%;display:table;}
footer.main p.left {display:table-cell;text-align:left;}
footer.main p.right {display:table-cell;text-align:right;}
footer.main .footer-socials {text-align:center;}
footer.main .footer-socials a {display:inline-block;width:31px;height:31px;margin:0 2px;border:2px solid #98896f;border-radius:50%;color:#98896f;font-size:16px;line-height:31px;text-align:center;}
footer.main .footer-socials a:hover, footer.main .footer-socials a:focus {color:#ffffff;border-color:#ffffff;}


/* article main */
article#main {}
article#main header {display:table;width:100%;}
article#main header > div {display:table-cell;vertical-align:top;padding:27px 10px;}
article#main header div.title {}
article#main header div.title h2 {font-size:30px;font-family:'Myriad Pro', 'Verdana', 'Arial', sans-serif;margin:0px;font-weight:bold;}
article#main header div.title ul.tree {list-style-type:none;padding:0px;margin:0px;}
article#main header div.title ul.tree li {display:inline-block;padding-right:18px;margin-right:7px;background:url(../img/tree_arrow.png) no-repeat right 50%;}
article#main header div.title ul.tree li:last-child {padding-right:0px;margin-right:0px;background:none;}
article#main header div.title ul.tree li a {display:block;color:#391c04;text-decoration:none;}
article#main header div.right {text-align:right;}
article#main header div.right span {vertical-align:top;padding:6px;display:inline-block;line-height:20px;color:#88807a;letter-spacing:-1px;}
article#main header div.right span strong {font-size:20px;color:#726b66;font-weight:bold;}
article#main header div.right a {margin-left:10px;}

/* panel: przycisk "Pokaz wszystkie ogloszenia" pod 3 najnowszymi (panel/panel.jsp) */
.panel-more {text-align:center;padding:20px 0;background:#ffffff;border-top:1px solid #ebeae8;}
.panel-more .preview_button {font-size:16px;}

/* zakladki filtra statusu ogloszen (common/statusTabs.jsp - panel uzytkownika i administratora) */
.status-tabs {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.status-tab {display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #dedcd9;border-radius:36px;background:#ffffff;color:#494848;font-size:14px;text-decoration:none;}
.status-tab:hover, .status-tab:focus {border-color:#70b907;}
.status-tab.active {background:#70b907;border-color:#70b907;color:#ffffff;font-weight:bold;}
.status-count {display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:#f7f7f5;color:#726b66;font-size:12px;line-height:18px;text-align:center;}
.status-tab.active .status-count {background:rgba(255,255,255,0.25);color:#ffffff;}
.status-hint {margin:0 0 12px;font-size:13px;color:#726b66;}
.admin-search {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;}
.admin-search input[type=search] {flex:1 1 260px;}

/* administrator: lista kont i zmiana statusu (admin/adminAccounts.jsp) */
.admin-accounts .successBox, .admin-accounts .errorBox {margin:0 0 12px;}
div#list section .search table.lista.admin-accounts-table tbody tr td {height:auto;padding:12px 8px;vertical-align:middle;}
div#list section .search table.lista.admin-accounts-table tbody tr td:first-child {border-left:1px solid #ebeae8;}
.account-status {display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:bold;white-space:nowrap;background:#f7f7f5;color:#726b66;}
.account-status-ACTIVE {background:#e8f5d6;color:#3f6d00;}
.account-status-NOT_ACTIVATED {background:#fff2e0;color:#a04800;}
.account-status-BLOCKED {background:#fde4e4;color:#b30f13;}
.account-status-DEACTIVATED {background:#ebeae8;color:#494848;}
.account-status-DELETED {background:#391c04;color:#ffffff;}
.account-status.changed {outline:2px solid #70b907;outline-offset:2px;}
div#list section .search form.account-status-form {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;border:none;background:none;border-radius:0;}
div#list section .search table.lista.admin-accounts-table td.acc-email {word-break:break-all;}
.account-status-form select {padding:4px;max-width:100%;}

/* podglad ogloszenia przed dodaniem (anonseAddPreview.jsp) */
.preview-notice {display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:20px 0;padding:16px 20px;background:#fff8e6;border:2px solid #f26500;border-radius:5px;color:#391c04;}
.preview-notice > div {flex:1 1 320px;}
.preview-notice p {margin:0 0 4px;font-size:15px;line-height:20px;}
.preview-notice-icon {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f26500;color:#ffffff;font-size:26px;font-weight:bold;}
.preview-notice-bottom {justify-content:center;background:#ffffff;border-color:#ebeae8;}
/* podgląd przed dodaniem (anonseAddPreview.jsp) - informacja, nie błąd: zielona ramka i ikona na białym tle */
.preview-notice-podglad {background:#ffffff;border-color:#70b907;}
.preview-notice-podglad .preview-notice-icon {background:#70b907;}
.preview-actions {display:flex;gap:10px;flex-wrap:wrap;margin:0;}
.preview-actions .add_button, .preview-actions .preview_button {font-size:16px;}
div#details .preview-main-photo {display:block;max-width:100%;height:auto;border-radius:5px;}
div#details .preview-thumbs {list-style:none;margin:10px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;}
div#details .preview-thumbs img {border-radius:3px;}

/* pasek zgody na cookies (js/cookie-consent.js) - nad gornym menu i oknami */
#cookie_policy {position:fixed;left:0;right:0;bottom:0;z-index:100100;background:#2b2824;color:#ffffff;box-shadow:0 -4px 16px rgba(0,0,0,0.25);}
#cookie_policy[hidden] {display:none;}
#cookie_policy .content_cookie {max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;}
#cookie_policy p {flex:1 1 400px;margin:0;font-size:14px;line-height:20px;}
#cookie_policy p a {color:#9fd85a;text-decoration:underline;}
#cookie_policy .cookie_buttons {display:flex;gap:10px;flex-wrap:wrap;}
.cookie_accept, .cookie_necessary {cursor:pointer;border-radius:36px;padding:7px 20px;font-size:15px;line-height:20px;white-space:nowrap;}
.cookie_accept {border:2px solid #508305;background:#508305;color:#ffffff;font-weight:bold;}
.cookie_accept:hover, .cookie_accept:focus {background:#3f6804;border-color:#3f6804;}
.cookie_necessary {border:2px solid #ffffff;background:transparent;color:#ffffff;}
.cookie_necessary:hover, .cookie_necessary:focus {background:rgba(255,255,255,0.15);}
.consent-placeholder {font-size:13px;color:#726b66;line-height:18px;}
.consent-placeholder .cookie_accept {padding:3px 12px;font-size:13px;margin-left:6px;}
@media screen and (max-width: 650px) {
    #cookie_policy .cookie_buttons {width:100%;}
    #cookie_policy .cookie_buttons button {flex:1 1 0;}
}

/* okno ze strona albo zdjeciem (script.js: popup) - natywny <dialog> w warstwie nad cala strona (takze nad menu) */
dialog.popup {width:95vw;height:95vh;max-width:95vw;max-height:95vh;padding:0;border:none;border-radius:5px;background:#ffffff;overflow:visible;box-shadow:0 10px 40px rgba(0,0,0,0.4);}
dialog.popup::backdrop {background:rgba(20,16,12,0.75);}
dialog.popup .popup-content {width:100%;height:100%;border-radius:5px;overflow:hidden;}
dialog.popup iframe {display:block;width:100%;height:100%;border:none;}
dialog.popup.popup-image {width:auto;height:auto;background:transparent;box-shadow:none;}
dialog.popup.popup-image img {display:block;max-width:95vw;max-height:95vh;}
dialog.popup .popup-close {position:absolute;top:-14px;right:-14px;z-index:1;width:32px;height:32px;padding:0;border:2px solid #ffffff;border-radius:50%;background:#2b2824;color:#ffffff;font-size:15px;cursor:pointer;}
dialog.popup .popup-close:hover {background:#c65300;}
dialog.popup .popup-close:focus-visible {outline:2px solid #c65300;outline-offset:2px;}
body.popup-opened {overflow:hidden;}
@media screen and (max-width: 600px)
{
    /* telefon - okno na caly ekran, X w rogu nad trescia */
    dialog.popup {width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:0;}
    dialog.popup .popup-content {border-radius:0;}
    dialog.popup .popup-close {top:6px;right:6px;}
    dialog.popup.popup-image .popup-content {display:flex;align-items:center;justify-content:center;}
}

/* "Powiadom mnie" - panel rozwijany pod przyciskiem */
article#main header div.right {position:relative;}
.newsletterPanel {position:absolute;right:0;top:100%;z-index:500;width:320px;margin-top:8px;padding:16px;text-align:left;background:#ffffff;border:1px solid #b3b1ad;border-radius:5px;box-shadow:0 4px 16px rgba(0,0,0,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}
.newsletterPanel[hidden] {display:none;}
.newsletterPanel label {display:block;color:#391c04;font-size:14px;margin-bottom:5px;}
.newsletterPanel input[type=email] {width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;}
.newsletterPanel label.rules {font-size:13px;color:#726b66;}
.newsletterPanel label.rules input {vertical-align:middle;margin:0 4px 0 0;}
article#main header div.right .newsletterPanel a {margin-left:0;}
.newsletterPanel button[disabled] {opacity:0.6;cursor:wait;}
.newsletterPanel .newsletterMessage {margin:0;color:#529206;font-size:14px;}
.newsletterPanel .newsletterMessage:empty {display:none;}
.newsletterPanel .newsletterMessage.error {color:#ed1f24;margin-top:8px;}
@media screen and (max-width: 650px) {
    .newsletterPanel {position:static;width:auto;margin:8px 0 0;}
}

/* details */
div#details {}
div.wrapper .bottom {-webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 15px; padding:5px 15px 25px 15px;}

/* sections */
div#details section {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;margin-bottom:16px;}

div#details section .top {display:table;width:100%;}
div#details section .top .left {display:table-cell;vertical-align:top;width:550px;}
div#details section .top .left .relative {position:relative;padding:16px 8px 16px 16px;-webkit-box-sizing: border-box;box-sizing: border-box;}
div#details section .top .right {display:table-cell;padding:16px 16px 16px 20px;vertical-align:top;-webkit-box-sizing: border-box;box-sizing: border-box;}


div#details section .bottom {display:table;width:100%;}
div#details section .bottom .left {display:table-cell;vertical-align:top;border-top:1px solid #ebeae8;}
div#details section .bottom .left {display:table-cell;vertical-align:top;border-top:1px solid #ebeae8;}
div#details section .bottom .right {display:table-cell;vertical-align:top;width:30%;min-width:300px;background:#fcfcfa;border-left:1px solid #ebeae8;border-top:1px solid #ebeae8;border-bottom-right-radius:5px;}


/* section top left */
div#details section ul.photos {list-style-type:none;padding:0px;margin:0px;border-radius:5px;position:relative;width:550px;height:400px;overflow:hidden;}
div#details section ul.photos li {display:block;z-index:50;position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;}
div#details section ul.photos li {-webkit-transition: opacity 600ms linear;transition: opacity 600ms linear;}
div#details section ul.photos li {z-index:150;position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:1; display:flex !important;justify-content: center;}
div#details section ul.photos li a {display:block;text-align:center;}
div#details section ul.photos li a img {display:inline-block;max-width: 100%;}


/* galeria na stronie ogloszenia (Splide, script.js): zdjecie glowne i miniatury kadrowane (object-fit: cover),
   pelny ekran z calymi zdjeciami */
div#details .gallery-main {width:550px;border-radius:5px;overflow:hidden;background:#f7f7f5;}
div#details .gallery-main .splide__slide {height:400px;}
div#details .gallery-main .splide__slide a {display:block;height:100%;cursor:zoom-in;}
div#details .gallery-main .splide__slide img {display:block;width:100%;height:100%;object-fit:cover;}
.gallery-thumbs {width:550px;margin:10px 0 30px;}
.gallery-thumbs .splide__slide {border:2px solid transparent;border-radius:5px;overflow:hidden;opacity:.6;cursor:pointer;transition:opacity .2s linear;}
.gallery-thumbs .splide__slide:hover {opacity:.9;}
.gallery-thumbs .splide__slide.is-active {border-color:#70b907;opacity:1;}
.gallery-thumbs .splide__slide img {display:block;width:100%;height:100%;object-fit:cover;}
.gallery-main .splide__arrow, .gallery-full .splide__arrow, .gallery-thumbs .splide__arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:3px;background:#70b907;cursor:pointer;}
.gallery-main .splide__arrow svg, .gallery-full .splide__arrow svg, .gallery-thumbs .splide__arrow svg {width:16px;height:16px;fill:#fff;}
.gallery-main .splide__arrow:hover, .gallery-full .splide__arrow:hover, .gallery-thumbs .splide__arrow:hover {background:#529206;}
.gallery-main .splide__arrow--prev, .gallery-full .splide__arrow--prev, .gallery-thumbs .splide__arrow--prev {left:0;}
.gallery-main .splide__arrow--prev svg, .gallery-full .splide__arrow--prev svg, .gallery-thumbs .splide__arrow--prev svg {transform:scaleX(-1);}
.gallery-main .splide__arrow--next, .gallery-full .splide__arrow--next, .gallery-thumbs .splide__arrow--next {right:0;}
.gallery-thumbs .splide__arrow {width:24px;height:24px;}
.gallery-thumbs .splide__arrow svg {width:10px;height:10px;}
.gallery-main .splide__arrow:focus-visible, .gallery-full .splide__arrow:focus-visible, .gallery-thumbs .splide__slide:focus-visible,
.gallery-main a.gallery-open:focus-visible, .gallery-full-close:focus-visible {outline:2px solid #c65300;outline-offset:-2px;}
body.gallery-opened {overflow:hidden;}
.gallery-full {position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;flex-direction:column;padding:56px 0 12px;background:#14100c;-webkit-box-sizing:border-box;box-sizing:border-box;}
.gallery-full[hidden] {display:none;}
.gallery-full-main {flex:1;min-height:0;width:100%;}
.gallery-full-main .splide__track, .gallery-full-main .splide__list {height:100%;}
.gallery-full-main .splide__slide {display:flex;align-items:center;justify-content:center;height:100%;}
.gallery-full-main .splide__slide img {display:block;max-width:100%;max-height:100%;object-fit:contain;}
.gallery-full .gallery-full-main .splide__arrow--prev {left:12px;}
.gallery-full .gallery-full-main .splide__arrow--next {right:12px;}
.gallery-full-thumbs {width:auto;max-width:100%;margin:12px auto 0;padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.gallery-full-close {position:absolute;top:8px;right:12px;z-index:3;width:40px;height:40px;padding:0;border:none;background:transparent;color:#fff;font-size:26px;cursor:pointer;}
.gallery-full-counter {position:absolute;top:16px;left:60px;right:60px;text-align:center;color:#fff;font-size:15px;pointer-events:none;}

div#details section div#controls_photo {z-index:160;position:absolute;top:16px;left:16px;width:550px;}
div#details section div#controls_photo a {height:400px;width:100px;position:absolute;top:0px;cursor:pointer;opacity:0;}
div#details section div#controls_photo a {-webkit-transition: opacity 100ms linear;transition: opacity 100ms linear;}
div#details section div#controls_photo a#nextPhoto {right:0px;background:url(../img/next.png) no-repeat 50% 50%;}
div#details section div#controls_photo a#prevPhoto {left:0px;background:url(../img/prev.png) no-repeat 50% 50%;}
div#details section div#controls_photo a:hover {opacity:1;}

div#details section ul.thumbs {list-style-type:none;padding:0px;margin:0px;position:relative;width:550px;overflow:hidden;margin:10px 0px 40px;}
div#details section ul.thumbs li {opacity:0.8;color:#391c04;cursor:pointer;display:inline-block;width:102px;height:75px;vertical-align:top;margin-right:10px;margin-bottom: 10px;border-radius:5px;line-height:75px;text-align:center;}
div#details section ul.thumbs li {-webkit-transition: opacity 300ms linear;transition: opacity 300ms linear;}
div#details section ul.thumbs li.showall span {line-height: 16px;display: inline-block;vertical-align: middle;}
div#details section ul.thumbs li:hover {opacity:0.9;}
div#details section ul.thumbs li.active {opacity:1;}
div#details section ul.thumbs li.hidden {display:none;opacity:0;}
div#details section ul.thumbs li:nth-child(5n) {margin-right:0px;}
div#details section ul.thumbs li img {display:inline-block;border-radius:5px;}


/* section top right */
div#details section header.price {font-size:28px;font-family:'Tahoma','Verdana', 'Arial', sans-serif;text-align:left;}
div#details section header.price h6 {font-weight:400;padding:0;margin:0;font-size:28px;font-family:'Tahoma','Verdana', 'Arial', sans-serif;text-align:left;}

div#details section .params-cols{display: -webkit-box;display: -ms-flexbox;display: flex;}
div#details section dl.params {display:block;line-height:32px;font-size:12px;font-family:'Verdana', 'Arial', sans-serif;margin:30px 0px;}
div#details section dl.params dt {vertical-align:top;display:inline-block;width:35%;padding:0px;margin:0px;color:#322c28;float:left;}
div#details section dl.params dd {vertical-align:top;display:inline-block;width:65%;padding:0px;margin:0px;color:#908a86;}


/* section bottom left */
div#details section article.description {margin:16px;color:#391c04;word-break:break-word;overflow-wrap:anywhere;}
div#details section article.description h2 {font-size}
div#details section footer.table_actions {display:table;width:100%;margin:15px 16px;line-height:36px;}
div#details section footer.table_actions div.cell {display:table-cell;}
div#details section footer.table_actions a.back {display:inline-block;color:#391c04;text-decoration:none;}
div#details section footer.table_actions span.odwiedziny {display:inline-block;color:#391c04;margin-left:5%;white-space: nowrap;}
div#details section footer.table_actions div.gray_button_list {vertical-align:top;}
div#details section footer.table_actions a.gray_button_print {display:inline-block;background: #f7f7f5 url(../img/printer.png) no-repeat 20px 50%;font-weight:bold;color:#726b66;padding:0px 20px 0px 55px;border:1px solid #b3b1ad;border-radius:5px;text-decoration:none;}

/* section bottom right */
div#details section div.user {display:table-row;}
div#details section div.user a.avatar {display:table-cell;border-right:1px solid #dedcd9;background-color:#dedcd9;text-decoration:none;padding:0px;margin:0px;}
div#details section div.user a.avatar img {display:block;width:100px;height:100px;padding:0px;margin:0px;}
div#details section div.user div.info{display:table-cell;vertical-align:middle;padding:25px;background:#f2f1ed;width: 100%}
div#details section div.user div.info div.login{width:100%;display:inline-block;text-decoration:none;color:#391c04;font-size:18px;font-weight:bold;font-family:'Verdana', 'Arial', sans-serif;}
div#details section div.user div.info span{width:100%;display:inline-block;font-size:12px;font-family:'Verdana', 'Arial', sans-serif;color:#ababab;}

div#details section div.user_more {border-top:1px solid #dedcd9;padding:20px;}
div#details section div.user_more ul {line-height:26px;list-style-type:none;padding-left:10px;margin:0px;}
div#details section div.user_more ul a{line-height:26px;}
div#details section div.user_more ul a:hover {color:#8a5a22;border-bottom-color:#8a5a22;}
div#details section div.user_more ul a > span{color:#d3d0cd;}
div#details section div.user_more ul a:hover > span{color:#aca7a1;}

div#details section div.contact {border-top:1px solid #dedcd9;padding:20px;text-align:right;}
div#details section div.phone {width:100%;display:inline-block;color:#391c04;line-height:30px;margin-bottom:10px;}
div#details section div.phone span.number {vertical-align:top;display:inline-block;font-weight:bold;}
div#details section div.phone span.show_number {vertical-align:top;cursor:pointer;display:inline-block;background: url(../img/show_number.png) no-repeat 50% 50%;width:130px;text-align:center;color:#ffffff;font-size:11px;}

div#details section div.map {border-top:1px solid #dedcd9;padding:25px;text-align:left;}
div#details section div.map img {max-width:100%;height:auto;} /* mapka "Nawiguj do celu" nie wystaje na telefonie */
div#details section div.map #map_details {height:180px;border-radius:5px;margin-bottom:20px;}

article#main .bottom .map {border-top:1px solid #dedcd9;margin-top:15px;padding-top:15px;text-align:left;}
article#main .bottom .map #map_ {height:350px;width:350px;border-radius:5px;margin-bottom:20px;}


/* section add */
section div.add {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;margin-bottom:38px;padding:30px 10px;text-align:center;}
section div.add img {width:400px;vertical-align:middle;max-width:100%;}
section div.add a {margin-left:10px;vertical-align:middle; margin:10px 0;}
.section div.add {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;margin-bottom:38px;padding:30px 10px;text-align:center;}
.section div.add img {width:400px;vertical-align:middle;max-width:100%;}
.section div.add a {margin-left:10px;vertical-align:middle; margin:10px 0;}

/* list */
div#list {}

div#list section {display:table;width:100%;}
div#list section  .left {display:table-cell;vertical-align:top;width:250px;position:relative;padding-right:20px;}
div#list section  .right {display:table-cell;vertical-align:top;}

div#list section .category_list {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;padding:15px 15px;margin-bottom:20px;}
div#list section .category_list h3 {margin:0px 0px 20px;color:#391c04;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:20px;font-weight:bold;}
div#list section .category_list ul {list-style-type:none;margin:0px;padding:0px;padding-left:12px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;line-height:26px;}
div#list section .category_list ul a:hover {color:#8a5a22;border-bottom-color:#8a5a22;}
div#list section .category_list ul a > span{color:#d3d0cd;}
div#list section .category_list ul a:hover > span{color:#aca7a1;}
div#list section .category_list fieldset {border: none;}

div#list section .reklama {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;padding:15px 15px;margin-bottom:20px;}
/* "Ogloszenia na mapie" nad reklama w serwisie */
div#list section .mapa-ogloszen {text-align:center;}
div#list section .mapa-ogloszen > a:first-of-type {display:block;color:#391c04;text-decoration:none;}
div#list section .mapa-ogloszen img {display:block;max-width:100%;height:auto;margin:10px auto;border-radius:5px;border:1px solid #ebeae8;}
div#list section .mapa-ogloszen > a:first-of-type:hover img, div#list section .mapa-ogloszen > a:first-of-type:focus img {border-color:#70b907;}
div#list section .mapa-ogloszen p {margin:0 0 10px;font-size:13px;line-height:17px;color:#726b66;}
div#list section .mapa-ogloszen p b {color:#391c04;}

div#list section .search {margin-bottom:20px;}
div#list section .search header a {cursor:pointer;display:inline-block;padding:11px 21px;background-color:#fafaf7;color:#391c04;line-height:27px;border:1px solid #ebeae8;margin-left:30px;border-radius:10px 10px 0px 0px;font-size:22px;}
div#list section .search header a.active {font-weight:bold;background-color:#ffffff;border-bottom-color:#ffffff;}
div#list section .search header a span {color:#b7afa9;font-weight:normal;}

div#list section .search form {padding:30px;border:1px solid #ebeae8;border-bottom:none;background:#ffffff;border-radius:5px 5px 0px 0px;margin-top:-1px;}
div#list section .search form fieldset {padding:0px;border:none;margin:0px;line-height:30px;display:inline-block;margin-bottom:30px;padding: 0px 10px;}
div#list section .search form fieldset.toggle {display:block;}
div#list section .search form fieldset.toggle label {display:inline-block;color:#391c04;font-weight:bold;font-size:20px;line-height:26px;}
div#list section .search form fieldset.toggle button {margin-left:17px;vertical-align:top;display:inline-block;padding:0px;width:35px;height:25px;border:1px solid #c3c1be;background:#fcfcfa url(../img/arrows_search.png) no-repeat 0px 0px;border-radius:5px;-webkit-box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);}

div#list section .search form div.more fieldset {color:#726b66;vertical-align:top;}
div#list section .search form div.more fieldset label{display:inline-block;font-weight:bold;line-height:30px;}
div#list section .search form div.more fieldset span{display:inline-block;line-height:30px;}

div#list section .search form div.more fieldset input.styled_input{margin:0px 5px;}
div#list section .search form div.more fieldset div.styled_select{margin:0px 5px;}

div#list section .search #search {padding:0;border:none;}
div#list section .search #search .search_button{margin-left:-5px;}
div#list .map-form {position: relative;bottom:0;}
div#list .map-form #search{display:none;}

.filtr-btn{display:none; display:none; position:fixed; right:15px; font-size:20px; background-color: #2b2824;border:none; color:#fff;outline:none;border-radius:3px;z-index:9999;cursor:pointer;width:41px;height:38px;}
.filtr-btn p {display:flex;margin:0;}
.filtr-btn.list-filtr-btn{top:0;}
.filtr-count{font-size:10px;position:absolute;top:0;left:25px; background-color:#6FB806;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;}



div#list section .search table.lista {width:100%;border-spacing:0px;display:none;}
div#list section .search table.lista.active {display:table;}
div#list section .search table.lista thead tr {background:#f2f1f0;}
div#list section .search table.lista thead tr th:first-child {text-align:left;border-left:1px solid #dedcd9;}
div#list section .search table.lista thead tr th:last-child {border-right:1px solid #dedcd9;}
div#list section .search table.lista thead th {color:#726b66;padding:10px 10px;line-height:23px;border-top:1px solid #dedcd9;border-bottom:1px solid #dedcd9;}
div#list section .search table.lista thead th a{font-weight:normal;}
div#list section .search table.lista thead th a span.arrow{display:inline-block;width:15px;height:13px;background: url(../img/arrows_sort.png) no-repeat;vertical-align: middle;margin:3px 5px;}
div#list section .search table.lista thead th a.up{font-weight:bold;background-position:0px -13px;}
div#list section .search table.lista thead th a.up span.arrow{background-position:0px -13px;}
div#list section .search table.lista thead th a.down{font-weight:bold;}
div#list section .search table.lista thead th a.down span.arrow{background-position:0px 0px;}
div#list section .search table.lista tbody tr {background:#ffffff;}
div#list section .search table.lista tbody tr.zolte {background:#fff8e6;}
div#list section .search table.lista tbody tr td {border-bottom:1px solid #ebeae8;padding:15px 10px 10px 0px;height:141px;}
div#list section .search table.lista tbody tr td .relative{padding:15px 10px 10px 0px;height:141px;position:relative;}
div#list section .search table.lista tbody tr td:last-child {border-right:1px solid #ebeae8;padding-left:10px;padding-right:10px;}
div#list section .search table.lista tbody tr td.image {padding:0px;border-left:1px solid #ebeae8;overflow:hidden;vertical-align:top;}
div#list section .search table.lista tbody tr td.image .relative {padding-left:10px;}

div#list section .search table.lista tbody tr td.image a{display:block;}
div#list section .search table.lista tbody tr td.image img{display:block;width:181px;height:141px;}
div#list section .search table.lista tbody tr td.title {padding:0px;vertical-align:top;}
div#list section .search table.lista tbody tr td.title h3 {font-weight:normal;margin:0px;font-size:18px;line-height:18px;margin-bottom:5px;word-break:break-word;overflow-wrap:anywhere;}
div#list section .search table.lista tbody tr.pogrubione td.title h3 {font-weight:bold;}
div#list section .search table.lista tbody tr td.title p.desc {font-weight:normal;color:#908a86;margin:0px;font-size:13px;line-height:15px;word-break:break-word;overflow-wrap:anywhere;}
div#list section .search table.lista tbody tr td.title footer {font-weight:normal;color:#908a86;margin:0px;font-size:13px;line-height:15px;bottom:10px;position:absolute;}
div#list section .search table.lista tbody tr td.title footer span {color:#391c04;}
div#list section .search table.lista tbody tr td p.city{color:#391c04;font-weight:bold;margin:0px;line-height:23px;}
div#list section .search table.lista tbody tr td p.date{color:#908a86;font-weight:normal;margin:0px;line-height:23px;}
div#list section .search table.lista tbody tr td p.price{text-align:right;color:#391c04;font-size:24px;font-weight:normal;margin:0px;line-height:20px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;white-space:nowrap;}
div#list section .search table.lista tbody tr td p.price span{font-weight:bold;}
div#list section .search table.lista tbody tr td p.type{color:#529206;font-weight:normal;margin:0px;text-align:right;line-height:30px;}
div#list section .search table.lista tfoot tr th {padding:30px;line-height:30px;color:#726b66;border:1px solid #ebeae8;border-top:none;border-radius:0px 0px 5px 5px;background:#fcfcfa;}
div#list section .search table.lista tfoot tr th div.quantity {width:50%;display:inline-block;text-align:left;float:left;}
div#list section .search table.lista tfoot tr th div.page {width:50%;display:inline-block;text-align:right;}
div#list section .search table.lista tfoot tr th span {font-weight:normal;color:#bfb9b5;margin-left:5px;}
div#list section .search table.lista tfoot tr th a.button {display:inline-block;border:1px solid #c3c1be;border-radius:5px;margin-bottom: 5px;line-height:28px;padding:0px 10px;margin-left:5px;}
div#list section .search table.lista tfoot tr th a.button.active {color:#ccc9c6;}
div#list section .search > footer {}

div#list section .brak {background:#ebeae8;padding:1px;margin-bottom:30px;}
div#list section .brak h2 {margin:0px;margin-bottom:2px;min-height:29px;padding:15px 10px 15px 10px;line-height:29px;text-align:center;background:#70b907;font-size:27px;color:#ffffff;font-weight:normal;}
div#list section .brak div {background:#ffffff;text-align:center;padding:30px;}
div#list section .brak div img {display:block;margin:20px auto;max-width:100%;}
div#list section .brak div a {margin-bottom:20px;}
div#list section .brak footer {margin-top:1px;padding:25px 10px 40px;background:#fcfcfa;text-align: center;}
/* add */

div#add section {border:1px solid #ebeae8;background:#ffffff;display:block;border-radius:5px;margin-bottom:38px;}
div#add section form {}
div#add section form > .form {display:block;}
div#add section form > .form > .step {display:block;}
div#add section form > .form > .step:last-child > .right {border-bottom:none;}
div#add section form > .form > .step > .left {display:block;text-align:left;padding:20px;border-bottom:1px solid #ebeae8;vertical-align:top;}
div#add section form > .form > .step > .left .number {display:inline-block;text-align:center;width:60px;height:60px;line-height:60px;border:1px solid #529206;border-radius:30px;background-color:#70b907;color:#ffffff;font-size:19px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;}
div#add section form > .form > .step > .left .number span {font-size:32px;font-weight:bold;line-height:58px;vertical-align:top;}
div#add section form > .form > .step > .left h3 {display:inline-block;color:#391c04;font-size:20px;font-weight:bold;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;margin:0px;margin-top:10px;margin-left:20px;}
div#add section form > .form > .step > .right {display:block;padding:20px;border-bottom:1px solid #ebeae8;vertical-align:middle;}
div#add section form > .form > .step > .right fieldset{border:0px;margin:0px;padding:10px 0px;position:relative;}
div#add section form > .form > .step > .right fieldset label.main {color:#726b66;display:inline-block;text-align:right;width:180px;font-weight:bold;font-size:16px;line-height:32px;margin-right:10px;}
div#add section form > .form > .step > .right fieldset:hover label.main {color:#1e1915;}
div#add section form > .form > .step > .right fieldset div.input{display:inline-block;vertical-align:top;}
div#add section form > .form > .step > .right fieldset img.kategorie{margin:-10px 10px;vertical-align:top;width:270px;}
div#add section form > .form > .step > .right fieldset div.counter{color:#bab6b3;line-height:24px;}
div#add section form > .form > .step > .right fieldset ul#add_photos {list-style-type:none;margin:0px;padding:0px;display:inline-block;width:540px;margin-right:-20px;}
div#add section form > .form > .step > .right fieldset ul#add_photos li {cursor:move;display:inline-block;position:relative;vertical-align:top;width:112px;height:102px;border:1px solid #b3b1ad;margin-right:20px;margin-bottom:20px;border-radius:10px;background:#f7f7f5;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);}
div#add section form > .form > .step > .right fieldset ul#add_photos li input[type="file"] {display:none;}
div#add section form > .form > .step > .right fieldset ul#add_photos li label {display:block;width:100%;height:100%;text-align:center;}
div#add section form > .form > .step > .right fieldset ul#add_photos li label span {display:inline-block;width:36px;height:36px;background: url(../img/add_photo.png) no-repeat 0px 0px;margin-top: 32px;}
div#add section form > .form > .step > .right fieldset ul#add_photos li:hover label span {background-position: 0px -36px;}
div#add section form > .form > .step > .right fieldset ul#add_photos li img {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
div#add section form > .form > .step > .right fieldset ul#add_photos + span.info_cloud span.info {width:180px; left:-100px;}
div#add section form > .form > .step > .right fieldset div.map span {color:#bab6b3;line-height:40px;}
div#add section form > .form > .step > .right fieldset div.map #mapa_wybierz {height:300px;width: 600px;border:1px solid #b3b1ad;border-radius:5px;overflow:hidden;}
div#add section form > .form > .step > .right fieldset div.map #map_ {height:300px;width: 600px;border:1px solid #b3b1ad;border-radius:5px;overflow:hidden;}
div#add section form > .form > .step > .right fieldset div.map #map_ iframe {width:100%; height:100%; border:none;}
div#add section form > .form > .step > .right fieldset div.captcha p {margin:0px;font-size:14px;line-height:32px;color:#726b66;}
div#add section form > .form > .step > .right fieldset div.captcha #captcha {margin:25px 0px 30px;}
div#add section form > .form > .step > .right fieldset div.captcha #captcha img {height:59px;vertical-align:top;margin-right:10px;}
div#add section form > .form > .step > .right fieldset div.captcha #captcha input {vertical-align:top;margin:10px;line-height:26px;height:38px;font-size:20px;width:150px;}
div#add section form > .form > .step > .right fieldset div.captcha #captcha a.refresh {display:inline-block;width:42px;height:36px;background:#70b907 url(../img/refresh.png) no-repeat 50% 50%;border:1px solid #529206;border-radius:5px;margin:10px 0px;}

div#add section form > footer {margin:0px 40px 40px 40px;border:1px solid #dedcd9;border-radius:20px;padding:25px;line-height:47px;}
div#add section form > footer div.half {width:50%;display:inline-block;}
div#add section form > footer div.left {text-align:left;font-size:18px;font-weight:bold;color:#494848;}
div#add section form > footer div.right {text-align:right;float:right;}

/*logowanie*/
article#logowanie {margin-bottom:50px;}
article#logowanie .wrapper {width:420px;-webkit-box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);background:#ebeae8;border-radius:21px;padding:1px;}
article#logowanie h2 {margin:0px;margin-bottom:1px;min-height:20px;padding:25px 10px 15px 10px;line-height:40px;text-align:center;background:#fcfcfa;border-radius:20px 20px 0px 0px;font-size:30px;color:#bebbb8;font-weight:normal;}
article#logowanie form {background:#ffffff;padding:30px 0px 40px;}
article#logowanie form fieldset {margin:0px;border:none;padding:10px 55px 5px 55px;}
article#logowanie form fieldset label {display:inline-block;width:100%;text-align:center;line-height:30px;font-size:16px;font-weight:bold;color:#726b66;}
article#logowanie form fieldset input[type="text"],
article#logowanie form fieldset input[type="password"] {width:100%;height:43px;line-height:31px;}
article#logowanie form fieldset.bottom {height:36px;line-height:36px;padding-top:25px;}
article#logowanie form fieldset.bottom div.styled_checkbox {margin:2px 10px 2px 0px;}
article#logowanie form fieldset.bottom div.styled_checkbox label span {line-height:15px;max-width:70px;vertical-align:top;color:#9d9997;font-size:11px;text-align:left;line-height: 30px;}
article#logowanie form fieldset.bottom .login_button {float:right;display:inline-block;cursor:pointer;outline:none;white-space:nowrap;line-height:24px;padding:5px 50px; border-radius:36px; border:1px solid #dedcd9;background:#ebeae8;font-size:16px;color:#494848;text-decoration:none; }
article#logowanie footer {margin-top:1px;background:#ffffff;padding:5px 0px;border-radius:0px 0px 20px 20px;min-height:20px;padding:25px 30px;}
article#logowanie footer .right {float:right;}

/*rejestracja*/
article#rejestracja {margin-bottom:50px;}
article#rejestracja div.wrapper {display:table;width:99%;-webkit-box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);background:#ebeae8;border-radius:21px;padding:1px;}
article#rejestracja div.wrapper div.row {display:table-row;}
article#rejestracja div.wrapper div.row > .half {display:table-cell;width:50%;vertical-align:top;}
article#rejestracja div.wrapper div.row div.left {border-radius:20px 0px 0px 20px;background:#d2cec0;padding:20px;padding-bottom:10px;text-align:center;}
article#rejestracja form.right h2 {margin:0px;border-bottom:1px solid #ebeae8;min-height:20px;padding:20px 10px 20px 10px;line-height:40px;text-align:center;background:#fcfcfa;border-radius:0px 20px 0px 0px;font-size:30px;color:#bebbb8;font-weight:normal;}
article#rejestracja form.right {background:#ffffff;border-radius:0px 20px 20px 0px;}
article#rejestracja form.right fieldset {display:inline-block;margin:0px;border:none;padding:10px 7.5% 5px 7.5%;}
article#rejestracja form.right fieldset.left {padding-right:2.4%}
article#rejestracja form.right fieldset.right {padding-left:2.4%;}
article#rejestracja form.right fieldset.half {width:39%;}
article#rejestracja form.right fieldset.full {width:85%;}
article#rejestracja form.right fieldset.small {width:30%;}
article#rejestracja form.right fieldset.middle {width:49%;}
article#rejestracja form.right fieldset label {display:inline-block;width:100%;text-align:center;line-height:30px;font-size:16px;font-weight:bold;color:#726b66;}
article#rejestracja form.right fieldset input[type="text"],
article#rejestracja form.right fieldset input[type="password"] {width:100%;height:43px;line-height:31px;}
article#rejestracja form.right fieldset.bottom {width:100%;height:36px;line-height:36px;padding-top:25px;}
article#rejestracja form.right fieldset.bottom div.styled_checkbox {margin:2px 10px 2px 0px;}
article#rejestracja form.right fieldset.bottom div.styled_checkbox label span {line-height:15px;color:#9d9997;font-size:11px;text-align:left;}
article#rejestracja form.right fieldset.bottom .login_button {float:right;display:inline-block;cursor:pointer;outline:none;white-space:nowrap;line-height:24px;padding:5px 50px; border-radius:36px; border:1px solid #dedcd9;background:#ebeae8;font-size:16px;color:#494848;text-decoration:none; }
article#rejestracja div.left h3 {margin:0px;padding:0px;font-size:40px;font-weight:bold;color:#3a1d05;}
article#rejestracja div.left div.row {display:block;width:400px;margin:30px auto;min-height:140px;}
article#rejestracja div.left div.row .number {float: left;display:block;margin:0px 15px;width:136px;height:136px;line-height:136px;border:2px solid #529206;border-radius:70px;background-color:#70b907;color:rgba(198,220,123,0.8);font-size:55px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;}
article#rejestracja div.left div.row .number.r {float: right;}
article#rejestracja div.left div.row .number span {font-size:80px;font-weight:bold;line-height:134px;vertical-align:top;}
article#rejestracja div.left div.row div.text {display:inline-block;width:230px;vertical-align:top;}
article#rejestracja div.left div.row div.text h4 {color:#391c04;font-size:20px;margin:10px 0px;}
article#rejestracja div.left div.row div.text p {color:#877f73;font-size:12px;margin:5px 0px;}

/*potwierdzenie*/
article#potwierdzenie {margin-bottom:50px;}
article#potwierdzenie .wrapper {width:620px;-webkit-box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);box-shadow:0px 0px 10px 0px rgba(65,58,54,0.08);background:#ebeae8;border-radius:21px;padding:1px;}
article#potwierdzenie h2 {margin:0px;margin-bottom:2px;min-height:29px;padding:15px 10px 15px 10px;line-height:29px;text-align:center;background:#70b907;border-radius:20px 20px 0px 0px;font-size:27px;color:#ffffff;font-weight:normal;}
article#potwierdzenie div {text-align:center;background:#ffffff;padding:15px 50px;}
article#potwierdzenie div p {margin:15px 0px;color:#452a13;}
article#potwierdzenie div a.orange_button {font-weight:bold;margin:15px 0px;}
article#potwierdzenie footer {margin-top:1px;padding:25px 10px 40px;background:#fcfcfa;border-radius:0px 0px 20px 20px;}

/*home*/

article#home {text-align:center;padding-bottom:20px;}
article#home form#search {border:1px solid #dedcd9;margin:0px auto;width:850px;padding:20px;border-radius:10px;background-color:#ebeae8;}
article#home form#search .input_text {width:746px;}
article#home form#search .search_button {margin-left:0px;width:80px;}
article#home form#search + .links {border:1px solid #dedcd9;display:inline-block;border-top:none;margin:-1px auto 20px;padding:0px 40px 20px;border-radius:0px 0px 10px 10px;background-color:#ebeae8;position: relative;top:-1px;}
article#home form#search + .links a{margin:0px 20px;color:#391c04;line-height:20px;padding-bottom:8px;}
article#home form#search + .links a.hity {background:url(../img/hity.png) no-repeat 100% 100%;}

article#home #kategorie {margin:20px auto;width:644px;padding:0px;}
article#home #kategorie > ul {background-color:#ffffff;display:block;border:1px solid #ebeae8;margin:0px;border-top:none;border-left:none;margin-left:-1px;padding:0px;width:100%;list-style-type:none;}
article#home #kategorie > ul > li {border:1px solid #ebeae8;border-bottom:none;margin:0px;margin-right:-1px;width:160px;height:120px;vertical-align:top;background-color:#ffffff;float:left;}
article#home #kategorie > ul > li.clear {clear:both;height:0px;display:block;float:none;padding:0px;margin:0px;border:0px}
article#home #kategorie > ul > li a{display:block;font-size:16px;color:#63523e;letter-spacing:-1px;padding-top:0px;height:100px;padding:10px 0px;}
article#home #kategorie.all > ul > li > a{font-weight:bold;}
article#home #kategorie > ul ul {height:0px;opacity:0;overflow:hidden;-webkit-transition:all 600ms linear;transition:all 600ms linear;list-style-type:none;margin:0px;padding:0px;}
article#home #kategorie.all > ul > li {height:auto;padding-bottom:10px;}
article#home #kategorie.all > ul > li ul {height:auto;opacity:1;}
article#home #kategorie.all > ul > li ul a {height: auto;line-height: 2em;padding: 0px;}
article#home #kategorie span.ico {display:block;margin:0px auto 10px;height:60px;width:100px;background:url(../img/kategorie_sprite.svg) no-repeat;}
article#home #kategorie span.ico.nieruchomosci {background-position:0px 0px;}
article#home #kategorie span.ico.motoryzacja {background-position:-100px 0px;}
article#home #kategorie span.ico.praca {background-position:-200px 0px;}
article#home #kategorie span.ico.dom_elektronika {background-position:-300px 0px;}
article#home #kategorie span.ico.dzieci {background-position:0px -60px;}
article#home #kategorie span.ico.zwierzeta {background-position:-100px -60px;}
article#home #kategorie span.ico.slub_uroczystosci {background-position:-200px -60px;}
article#home #kategorie span.ico.odziez_moda {background-position:-300px -60px;}
article#home #kategorie span.ico.ksiazki {background-position:0px -120px;}
article#home #kategorie span.ico.firmy_uslugi {background-position:-100px -120px;}
article#home #kategorie span.ico.sport_zdrowie {background-position:-200px -120px;}
article#home #kategorie span.ico.wydarzenia {background-position:-300px -120px;}
article#home #kategorie a.show_all {margin:20px auto;display: inline-block;border:1px solid #dedcd9;padding:10px 30px;border-radius:5px;background-color:#ebeae8;font-size:16px;color:#494848;}
/* wyniki wyszukiwania (anonseFind.jsp): filtr kategorii glownych i kafelki podkategorii - 5 w linii na pelna szerokosc okna */
article#home.search-page .search-results {padding:0px 20px;text-align:left;}
article#home.search-page .search-results h3 {text-align:center;}
article#home.search-page .search-filter {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0px 20px;}
article#home.search-page .search-filter a {display:inline-block;padding:5px 16px;line-height:24px;border:1px solid #dedcd9;border-radius:36px;background:#ffffff;color:#494848;font-size:15px;white-space:nowrap;transition:background-color .15s ease, border-color .15s ease, color .15s ease;}
article#home.search-page .search-filter a span {color:#726b66;}
article#home.search-page .search-filter a:hover, article#home.search-page .search-filter a:focus-visible {border-color:#391c04;}
article#home.search-page .search-filter a.active {background:#391c04;border-color:#391c04;color:#ffffff;}
article#home.search-page .search-filter a.active span {color:#ffffff;}
/* kafelki wyrownane do srodka - przy mniej niz 5 wynikach wczesniej zostawaly po lewej */
article#home #kategorie.search-tiles {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:auto;margin:0px;padding:0px;list-style-type:none;}
article#home #kategorie.search-tiles > li {margin:0px;flex:0 0 calc((100% - 4 * 12px) / 5);}
article#home #kategorie.search-tiles > li > a {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;padding:18px 10px;background:#ffffff;border:1px solid #ebeae8;border-radius:8px;text-align:center;color:#391c04;transition:border-color .15s ease, box-shadow .15s ease;}
article#home #kategorie.search-tiles > li > a:hover, article#home #kategorie.search-tiles > li > a:focus-visible {border-color:#391c04;box-shadow:0px 2px 8px rgba(57,28,4,0.15);}
article#home #kategorie.search-tiles span.ico {margin-bottom:10px;}
article#home #kategorie.search-tiles .search-tile-name {font-size:16px;line-height:20px;}
article#home #kategorie.search-tiles .search-tile-count {margin-top:4px;font-size:14px;color:#726b66;}
@media screen and (max-width: 1000px)
{
    article#home #kategorie.search-tiles > li {flex-basis:calc((100% - 2 * 12px) / 3);}
}
@media screen and (max-width: 600px)
{
    article#home.search-page .search-results {padding:0px 10px;}
    article#home #kategorie.search-tiles {gap:8px;}
    article#home #kategorie.search-tiles > li {flex-basis:calc((100% - 8px) / 2);}
    article#home #kategorie.search-tiles > li > a {padding:12px 6px;}
}

/* karuzela Splide (css/splide-core.min.css): kafelki 139px + odstep 9px, szerokosc #slider = liczba widocznych kafelkow;
   widoczna takze przed uruchomieniem skryptu (rzad kafelkow bez przesuniec ukladu); strzalki i kropki pod kafelkami */
article#home #slider {border:1px solid #ebeae8;padding:18px 9px 45px;background:#ffffff;width:1027px;margin:30px auto;visibility:visible;}
article#home #slider .splide__list {height: 125px;}
article#home #slider .splide__slide {width:139px;height: 125px;margin-right:9px;text-align:center;}
article#home #slider .splide__slide img {display:block;margin:0 auto;max-width:100%;}
article#home #slider .splide__slide .slide-title{height:25px;margin:8px 0px 5px;padding:0px;}
article#home #slider .splide__slide .slide-title a{display:block;font-size:12px;line-height:12px;text-align:center;font-weight:normal;}
article#home #slider .splide__slide span.price {display:block;text-align:center;color:#391c04;font-weight:bold;}
article#home #slider .splide__arrow {position:absolute;bottom:9px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #dedcd9;border-radius:50%;background:#ffffff;cursor:pointer;}
article#home #slider .splide__arrow svg {width:12px;height:12px;fill:#726b66;}
article#home #slider .splide__arrow:hover {border-color:#c65300;}
article#home #slider .splide__arrow:hover svg {fill:#c65300;}
article#home #slider .splide__arrow--prev {left:9px;}
article#home #slider .splide__arrow--prev svg {transform:scaleX(-1);}
article#home #slider .splide__arrow--next {right:9px;}
article#home #slider .splide__pagination {position:absolute;left:46px;right:46px;bottom:9px;height:28px;padding:0;}
/* kropki jak w motywie Splide: szare, aktywna zielona i powiekszona */
article#home #slider .splide__pagination__page {display:block;width:8px;height:8px;margin:3px;padding:0;border:none;border-radius:50%;background:#ccc;opacity:.7;cursor:pointer;transition:transform .2s linear;}
article#home #slider .splide__pagination__page:hover {opacity:.9;}
article#home #slider .splide__pagination__page.is-active {background:#70b907;opacity:1;transform:scale(1.4);}
article#home #slider .splide__arrow:focus-visible,
article#home #slider .splide__pagination__page:focus-visible {outline:2px solid #c65300;outline-offset:2px;}

div#reklamuj_sie {}
div#reklamuj_sie header {display:block;width:auto;}
div#reklamuj_sie > header { padding-left:15px;padding-right:15px;margin-top:50px;margin-bottom:30px;}
div#reklamuj_sie > header h2 {text-align:center;margin:30px 0px;}
div#reklamuj_sie > header h2 img {width:821px;height:92px;max-width:100%;height:auto;}
div#reklamuj_sie > header p {color:#391c04;font-size:24px;text-align:center;line-height:40px;}

div#reklamuj_sie div.mapa {padding-left:15px;padding-right:15px;margin:50px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
div#mapa_polski {position:relative;float:left;}
div#mapa_polski img {max-width:100%;height:auto;}
div#mapa_polski > div {display:block;position:absolute;background: url(../img/woj_sprite.png) no-repeat;z-index:40;}
div#mapa_polski > div.active {z-index:100;}
div#mapa_polski > div.dolnoslaskie {top:145px;left:0px;background-position:0px 0px;width:200px;height:130px;}
div#mapa_polski > div.kujawsko-pomorskie {top:44px;left:185px;background-position:0px -145px;width:125px;height:75px;}
div#mapa_polski > div.lubelskie {top:112px;left:420px;background-position:0px -228px;width:188px;height:142px;}
div#mapa_polski > div.lubuskie {top:72px;left:18px;background-position:0px -383px;width:108px;height:102px;}
div#mapa_polski > div.lodzkie {top:112px;left:213px;background-position:0px -495px;width:155px;height:105px;}
div#mapa_polski > div.malopolskie {top:236px;left:271px;background-position:0px -605px;width:190px;height:130px;}
div#mapa_polski > div.mazowieckie {top:52px;left:283px;background-position:0px -740px;width:215px;height:148px;}
div#mapa_polski > div.opolskie {top:183px;left:125px;background-position:0px -895px;width:125px;height:105px;}
div#mapa_polski > div.podkarpackie {top:208px;left:415px;background-position:0px -1005px;width:175px;height:175px;}
div#mapa_polski > div.podlaskie {top:15px;left:394px;background-position:0px -1190px;width:130px;height:105px;}
div#mapa_polski > div.pomorskie {top:1px;left:174px;background-position:0px -1300px;width:128px;height:58px;}
div#mapa_polski > div.slaskie {top:192px;left:196px;background-position:0px -1370px;width:140px;height:155px;}
div#mapa_polski > div.swietokrzyskie {top:173px;left:313px;background-position:0px -1530px;width:145px;height:95px;}
div#mapa_polski > div.warminsko-mazurskie {top:13px;left:277px;background-position:0px -1630px;width:168px;height:65px;}
div#mapa_polski > div.wielkopolskie {top:45px;left:97px;background-position:0px -1694px;width:180px;height:150px;}
div#mapa_polski > div.zachodniopomorskie {top:12px;left:26px;background-position:0px -1855px;width:160px;height:118px;}
div#mapa_polski > div.dolnoslaskie.active {background-position:-250px 0px;}
div#mapa_polski > div.kujawsko-pomorskie.active {background-position:-250px -145px;}
div#mapa_polski > div.lubelskie.active {background-position:-250px -228px;}
div#mapa_polski > div.lubuskie.active {background-position:-250px -383px;}
div#mapa_polski > div.lodzkie.active {background-position:-250px -495px;}
div#mapa_polski > div.malopolskie.active {background-position:-250px -605px;}
div#mapa_polski > div.mazowieckie.active {background-position:-250px -740px;}
div#mapa_polski > div.opolskie.active {background-position:-250px -895px;;}
div#mapa_polski > div.podkarpackie.active {background-position:-250px -1005px;}
div#mapa_polski > div.podlaskie.active {background-position:-250px -1190px;}
div#mapa_polski > div.pomorskie.active {background-position:-250px -1300px;}
div#mapa_polski > div.slaskie.active {background-position:-250px -1370px;}
div#mapa_polski > div.swietokrzyskie.active {background-position:-250px -1530px;}
div#mapa_polski > div.warminsko-mazurskie.active {background-position:-250px -1630px;}
div#mapa_polski > div.wielkopolskie.active {background-position:-250px -1694px;}
div#mapa_polski > div.zachodniopomorskie.active {background-position:-250px -1855px;}

div#screenshot {position:relative;float:left;}
div#screenshot div.border {border:5px solid #5f980c;border-radius:10px;display:inline-block;position:relative;}
div#screenshot div.border img {border-radius:5px;width:537px;height:385px;max-width:100%; height:auto;}
div#screenshot div.border div.arrow {position:absolute;background: url(../img/twoja_reklama_arrow.png) no-repeat;width: 130px;height: 27px;left: -130px;top: 80px;}

div#reklamuj_sie h2.wybierz_pakiet {margin:50px 0px;text-align:center; padding-left:15px;padding-right:15px;}
div#reklamuj_sie h2.wybierz_pakiet img {width:724px;height:113px; max-width:100%; height:auto;}

form#zamow {}
form#zamow header {background-color:#96886d;border-radius:5px;padding:20px 20px;margin:20px 20px;position:relative;text-align: center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
form#zamow header > fieldset {text-align:left;width:340px;margin:0px 20px;border:0px;padding:0px;float:left;}
form#zamow header > fieldset label {height:20px;display:block;height:30px;color:#ffffff;font-size:22px;line-height:30px;font-weight:bold;font-family:"Verdana","Arial",sans-serif;}
form#zamow header > fieldset select {width:360px;}
form#zamow header div.clear {height:20px;padding:0px;display:block;}
form#zamow header div.arrow {top:100%;position:absolute;padding:0px;display:inline-block;width: 0px;height: 0px;border-style: solid;border-width: 18px 17.5px 0 17.5px;border-color: #96886d transparent transparent transparent;}

form#zamow section.pozycje {margin:0px 1px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
form#zamow section.pozycje div.pozycja {text-align:center;width:276px;margin:19px;padding:0px 45px 35px;float:left;border:1px solid #ebeae8;background-color:#f7f7f5;border-radius:10px;}
form#zamow section.pozycje div.pozycja h3 {padding:25px 0px;line-height:25px;font-size:24px;color:#391c04;font-weight:bold;font-family:"Verdana","Arial",sans-serif;}
form#zamow section.pozycje div.pozycja img {border:1px solid #96886d;width:275px;height:250px;}
form#zamow section.pozycje div.pozycja div.cena {padding:15px 0px;line-height:45px;text-align:center;color:#391c04;font-size:24px;font-family:"Verdana","Arial",sans-serif;}
form#zamow section.pozycje div.pozycja div.cena b {line-height:45px;font-size:40px;font-weight:bold;}
form#zamow section.pozycje div.pozycja div.desc {color:#391c04;font-size:14px;}
form#zamow section.pozycje div.pozycja a.zamow, form#zamow section.pozycje div.pozycja button.zamow {margin:30px 0px 0px;}
form#zamow p.platnosc-p24 {text-align:center;color:#391c04;font-size:14px;margin:0 20px 20px;}

/* strona powrotu z Przelewy24 (payment.jsp) - informacja w zielonej ramce na bialym tle */
.platnosc-info {max-width:640px;margin:30px auto;padding:20px 25px;border:2px solid #70b907;border-radius:10px;background:#fff;color:#391c04;text-align:center;}
.platnosc-info h3 {font-size:22px;font-weight:bold;color:#4f8a10;margin-bottom:12px;}
.platnosc-info p {margin:8px 0;font-size:15px;}
.platnosc-info p.platnosc-zamowienie {color:#777;font-size:13px;}
p.platnosc-powrot {text-align:center;margin:20px 0 40px;}

form#zamow div#koszyk {margin:20px;}
form#zamow div#koszyk table {min-width:800px;width:100%;border-spacing: 0;border-collapse: collapse;border-radius:10px;}
form#zamow div#koszyk thead th {border:solid 1px #96886d;height:60px;vertical-align:middle;font-size:22px;color:#ffffff;font-weight:bold;background-color:#96886d;border-radius: 10px 10px 0px 0px; }
form#zamow div#koszyk tbody th {padding:0px 40px;height:54px;vertical-align:middle;font-size:14px;color:#391c04;font-weight:normal;background-color:#e3dfd7;text-align:left;}
form#zamow div#koszyk tbody th:first-child {border-left:solid 1px #96886d;}
form#zamow div#koszyk tbody th:last-child {border-right:solid 1px #96886d;text-align:right;}
form#zamow div#koszyk tbody td {border-bottom:solid 1px #96886d;padding:0px 40px;height:54px;vertical-align:middle;font-size:18px;color:#391c04;font-weight:normal;background-color:#ffffff;text-align:left;}
form#zamow div#koszyk tbody td:first-child {border-left:solid 1px #96886d;}
form#zamow div#koszyk tbody td:last-child {border-right:solid 1px #96886d;text-align:right;}
form#zamow div#koszyk tbody tr:last-child td {border-bottom:none;}
form#zamow div#koszyk tfoot td {border-bottom:1px solid #96886d;background:#ffffff;padding:40px;height:36px;line-height:36px;font-size:24px;color:#391c04;vertical-align:middle;}
form#zamow div#koszyk tfoot td:first-child {border-left:solid 1px #96886d;border-bottom-left-radius:10px;}
form#zamow div#koszyk tfoot td:last-child {border-right:solid 1px #96886d;border-bottom-right-radius:10px;text-align:right;}
form#zamow div#koszyk tfoot td .orange_button {margin-left:15px;}
form#zamow div#koszyk tfoot td b.price {display:inline-block;height:36px;min-width:121px;background: url(../img/podkreslenie_green.png) no-repeat 0 100%;}
form#zamow div.kosz {width:100%; overflow:auto;}


form#zamow div.uwagi {margin:40px 20px;text-align:center;color:#391c04;font-size:14px;}
form#zamow div.uwagi p {margin:10px 0px;}
form#zamow div.uwagi p.light {opacity:0.5;}

div#reklamuj_sie hr.big {margin:100px 60px;border:none;height:1px;background-color:#c7bfaf;}

div#reklamuj_sie div.dane {padding-bottom:50px; padding-left:15px;padding-right:15px;}
div#reklamuj_sie div.dane div.dlaczego_warto {float:left;width:50%;}
div#reklamuj_sie div.dane div.dlaczego_warto ul {margin:15px 0px;list-style-type: none;padding:0px;}
div#reklamuj_sie div.dane div.dlaczego_warto ul li {color:#391c04;font-size:18px;margin:20px 0px;background:url(../img/check_green.png) top left no-repeat;padding:10px 45px;}
div#reklamuj_sie div.dane div.zaufali {float:left;width:50%;}
div#reklamuj_sie div.dane div.zaufali img {width:570px;height:233px; max-width:100%; height:auto;}
div#reklamuj_sie div.dane div h4 {margin:15px 0px;font-size:46px;font-family: "Segoe Print";color:#391c04;}


/* Panel klienta */
.panel * {box-sizing: border-box;}
.panel {padding-bottom: 50px;}
.panel-header {background-color:#dad7d0; text-align:center; padding: 20px 0; border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-header h2 {font-size: 22px;margin: 0;color:#391c04;font-family:'Tahoma','Verdana', 'Arial', sans-serif;}
.dflex {display: flex;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}
#top .red-counter {position: absolute; top:2px; right:1px;font-size:11px;color:#fff;font-weight:600;min-width:16px;min-height:16px;background-color:#e3212c;border-radius:1px;display:flex;align-items:center;justify-content:center;}
.red-counter,.green-counter {z-index:1;font-size:11px;color:#fff;font-weight:600;min-width:16px;height:16px;background-color:#e3212c;border-radius:1px;display:flex;align-items:center;justify-content:center;}
.red-counter:after,.green-counter:after {content:"";	width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 13px solid #e3212c;position: absolute;top:8px;right:11px;z-index:-1;transform:rotate(215deg);}
.green-counter {background-color:#529206;}
.green-counter:after {border-bottom: 13px solid #529206}
body #main.panel .title h2 {color:#391c04;margin-bottom:5px;font-size: 24px;font-family:'Tahoma','Verdana', 'Arial', sans-serif;}
body #main.panel .wrapper #list section .left .category_list img{max-width:222px; max-height:186px;margin-bottom:10px;}
body #main.panel .wrapper #list section .left .category_list .settings {margin-top:20px;}
body #main.panel .wrapper #list section .left .category_list a {position:relative; text-decoration: none;}
body #main.panel .wrapper #list section .left .category_list a .red-counter{position: absolute;top:-5px;right:-20px;color:#fff;text-decoration: none;}
body #main.panel .wrapper #list section .left .category_list a .red-counter:after{content:''; border:none;}
body #main.panel div#list section .search table.lista {display: table;margin-bottom:20px;}
body #main.panel div#list section .search table.lista thead th,
body #main.panel div#list section .search table.lista tbody tr td{padding: 10px 25px;}
body #main.panel div#list section .search table.lista tbody tr td.title{padding-right:5px;padding-left:5px;}
#main.panel div#list section .search table.lista tbody tr td p.price {text-align:right;}
body #main.panel div#list section .search table.lista tbody tr td{height: auto;}
body #main.panel div#list section .search table.lista tbody tr td.title {max-width:378px;}
body #main.panel div#list section .search table.lista tbody tr td {padding-top: 25px;padding-bottom:25px;vertical-align: top;}
body #main.panel div#list section .search table.lista tbody tr td.image .relative {padding:0 0 0 0}
body #main.panel div#list section .search table.lista tbody tr td.image .red-counter {position:absolute;top:-17px;right:-17px;}
body #main.panel div#list section .search table.lista tbody tr td .relative {padding-top:0;}
body #main.panel div#list section .search table.lista tbody tr td p.to_end {color: #908a86;font-weight: normal;margin: 0px;line-height: 23px;}
body #main.panel div#list section .search table.lista tbody tr td.image img {max-width: 150px; min-width:120px;max-height: 100px; object-fit:cover;}
/* listy ogloszen w panelu (ulubione, panel, zarzadzanie): zdjecie jak na liscie kategorii 181x141, kadrowane */
body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.image img {width:181px;height:141px;max-width:none;min-width:0;max-height:none;}
body #main.panel div#list section .search table.lista tbody tr td .relative {height: initial;}
body #main.panel div#list section .search table.lista tbody tr td .views,
body #main.panel div#list section .search table.lista tbody tr td .tel a {font-size:12px;color: #908a86;}
body #main.panel div#list section .search table.lista tbody tr td .views {margin: 15px 0 0 0; text-align:right;}
body #main.panel div#list section .search table.lista tbody tr td .tel {margin: 0; text-align:right;}  
.title-items {display:flex;padding:10px 0 0 0;margin:0;list-style-type: none; justify-content: space-between;flex-wrap:wrap;}
.title-items li{color:#391c04;font-size:13px;position: relative; cursor:pointer;}
.title-items .red-counter {position: absolute;top:-18px; right: 20px;}
.title-items .green-counter {position: absolute; top:-18px;right: -10px;}
body #main.panel div#list section .search table.lista tbody tr.comments {display:none;background-color: #fff;padding: 0;}
body #main.panel div#list section .search table.lista tbody tr.comments td{padding: 0; margin-bottom: 15px; }
.comments p {margin:0;}
.comments-title {background-color: #eaeaea; text-align:center;padding: 15px 0;margin:0;}
.comments .comments-date {font-size:14px;font-style:italic; margin-bottom:8px;display:inline-block;}
.comments-comment,
.comments-response {display: flex; flex-direction: column;}
.comments-comment ul {padding: 30px 20px 7px 68px;}
.comments-comment-box {padding:0;}
.comments .no-comments {text-align: center;padding: 25px 0;}
.comments-comment img,
.comments-response img,
.comments-add img {width: 68px;height:56px; margin-right:10px;}
.comments-comment {padding: 35px 20px 35px 5vw; }
.comments-comment:not(:last-child) {border-bottom:1px solid #eaeaea;}
.comments-answer {float:right; color:#391c04;cursor:pointer;}
.comments-add {display:none;padding-left: 5vw;padding-right: 5vw;border-top: 1px solid #eaeaea;}
div#list section .search .comments-add form {
    border: none;
    border-radius: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
}
.comments-add img {
    vertical-align: top;
}
.comments-textarea-wrapper {display: flex;}
div#list section .search .comments-add form textarea{
    resize: none;
    -webkit-box-sizing: border-box;box-sizing: border-box;color:#726b66;padding:5px 10px;border-radius:5px;border:1px solid #b3b1ad;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);
    max-width: 100%;min-height:150px;width: 100%;outline:none;}
.comments-add ul#add_photos li {cursor:move;display:inline-block;position:relative;vertical-align:top;width:90px;height:80px;border:1px solid #b3b1ad;margin-right:15px;margin-bottom:7px;margin-top:7px;border-radius:10px;background:#f7f7f5;-webkit-box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);box-shadow:inset 0px 10px 10px -5px rgba(219,219,219,0.45);}
.comments-add ul#add_photos li input[type="file"] {display:none;}
.comments-add ul#add_photos li label {display:block;width:100%;height:100%;text-align:center;cursor:pointer;}
.comments-add ul#add_photos li label span {display:inline-block;width:36px;height:36px;background: url(../img/add_photo.png) no-repeat 0px 0px;margin-top: 22px;}
.comments-add ul#add_photos li:hover label span {background-position: 0px -36px;}
.comments-add ul#add_photos li img {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.comments-add ul#add_photos + span.info_cloud span.info {width:180px; left:-100px;}
.comments-add fieldset{margin-bottom: 10px !important;}
.add-photo {display:flex;align-items:center;padding-left:12%;}
.add-photo #add_photos {padding-left:15px;}
.add-photo span {display: inline-block; text-align: right;line-height: 20px;}
.comments-add input[type='submit'] {padding: 8px 25px; border: 2px solid #eaeaea; border-radius: 25px;cursor: pointer; background-color: #fff; float:right; transition:.3s;}
.comments-add input[type='submit']:hover {border-color:#f26500;background-color: #f26500; color:#fff;}

.invoice {margin-bottom:20px;overflow:auto;background-color:#fff; }
.invoice-buttons {display: flex;flex-wrap:wrap;padding:20px 20px;margin:0;list-style-type: none;background-color:#fff;}
.invoice-buttons a {transition:.3s;display:flex;margin:5px 15px;box-shadow:inset 0px -8px 10px 1px rgba(219,219,219,0.45);padding: 8px 15px; border: 1px solid #eaeaea; font-weight: 600; font-size: 16px;color:#898788;border-radius:5px;}
.invoice-buttons a:hover{color:#391c04}
.invoice-buttons a i {margin-right: 5px;}
.invoice-table {width: 100%;border-spacing: 0;}
.invoice-table thead {background-color:#f2f1ef;}
.invoice-table thead th{padding:15px 25px;}
.invoice-table thead th a{font-weight: 300;}
.invoice-table tbody {background-color:#fff; }
.invoice-table tbody td{padding:15px 25px; max-width:400px;vertical-align: top;border-bottom: 1px solid #eaeaea;}
.invoice-table tbody td:first-of-type{padding-left:15px;padding-right:0;}
.invoice-table thead th:first-of-type{padding-left:15px;padding-right:0;}
.invoice-table thead th:last-of-type,
.invoice-table tbody td:last-of-type {text-align: right;}
.invoice-table tbody td.invoice-price{font-size:24px; font-weight: 600;}
.invoice-table tbody tr.invoice-paid td.invoice-price {font-size:18px;color:#529206;}
.invoice-table tbody td.invoice-date {color:#908a86;}
.invoice-table tbody tr.invoice-deadline td.invoice-date {color:#ff0000;font-weight:600;}
.invoice-table tbody tr td.invoice-title {min-width: 130px;}
.invoice-table tbody tr.paid td.invoice-number,
.invoice-table tbody tr.paid td.invoice-date,
.invoice-table tbody tr.paid td.invoice-title a{opacity: .4;}
div#list section .search .invoice-form {padding: 30px 10px;border: none;border-top:1px solid #eaeaea;}
div#list section .search .invoice-form fieldset {margin-bottom: 0;}
form.invoice-form .styled_select select{width: 120px;height: 30px;line-height: 18px;padding: 6px;background: rgba(0,0,0,0);border: 0px;color: #726b66;margin-right: -30px;-webkit-appearance: none;}
form.invoice-form .invoice-select-status {float: right;}
form.invoice-form .invoice-select-status select {width: 180px; }

.services {background-color: #fff;padding: 30px 20px;}
.services {display:flex;flex-wrap: wrap;}
.services-wrapper {flex: 0 0 33%;max-width: 33%;}
.services-box {padding:20px; text-align:center;}
.services-box img {width: 100%;height:180px;object-fit: cover;}
.services-box a h3 {color:#000;}


/* O MNIE */
.about-nav {
    padding-bottom: 30px;
}
.about-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}
.about-nav ul li {
    margin: 0 15px;
}
.about-nav ul li a{
    color: #000;
}
.about-content {
    padding: 30px 30px 10px 30px;
    background-color: #fff;
    margin-bottom: 30px;
}
.about-info {
    display: flex;
    flex-wrap: wrap;
}
.about-profil {
    flex: 0 0 38%;
    padding-right: 15px;
}
.about-map {
    flex: 0 0 58%;
    padding-left: 15px;
}
#map-about {
    width: 100%;
    height: 100%;
}
.about-profil h2 {
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 26px;
}
.about-profil-img {
    width: 100px;
    height: 100px;
}
.about-profil-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-profil ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}
.about-profil ul li {
    margin-bottom: 15px;
}
.about-profil ul li span.about-profil-data {
    width: 200px;
    display: inline-block;
}
.about-profil ul li span.about-profil-data-item {
    color: #d3d0cd;
}
.about-social {
    display: flex;
    align-items: center;
}
.about-social a {
    margin-right: 15px;
}
.about-social button {
    display: inline-block;
    border: 1px solid #529206;
    border-radius: 5px;
    background: #70b907;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px;
    cursor: pointer;
    outline: none;
}
.about-social button i {
    margin-left: 5px;
    transform: rotate(-25deg);
}


.about-content-text {
    margin-top: 60px;
}
.about-content-text header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-content-text header h3 {
    margin: 0;
}
.about-content-text header button {
    border: none;
    background: none;
    color: #391c04;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.about-offer-header {
    margin-top: 40px;
}

.about-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.about-list-sidebar {
    flex: 0 0 25%;
}
.about-category {
    background-color: #fff;
    padding: 30px;
}
.about-category ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.about-category ul li {
    margin-bottom: 7px;
}
.about-category ul li a span {
    color: #d3d0cd;
}
.about-filters {
    background-color: #fff;
    padding: 30px;
    margin-top: 30px;
}
.about-filters fieldset {
    border: none;
    padding-left: 0;
}
.about-filters-type {
    display: inline-block;
    padding-bottom: 10px;
}
.about-filters div.styled_select select,
.about-filters div.styled_select {
    width: 205px;
}
.about-filters input.styled_input {
    width: 150px;
}
.about-filters input.styled_input.small {
    width: 40px;
}
.about-filters input.zastosuj {
    transform: none;
    left: 0;
    margin-top: 10px;
}
.about-list-content {
    flex: 0 0 75%;
}

table.about-table thead th {
    background: #f2f1f0;
}
table.about-table tr h3 {
    margin-top: 0;
}
table.about-table,
table.about-table * {
    box-sizing: border-box;
}
table.about-table thead tr th {padding: 10px 25px; height: auto;vertical-align: top;}
table.about-table tbody tr td{padding: 25px;height: auto;vertical-align: top;border-bottom:1px solid #ebeae8;}
table.about-table tbody tr td.title{padding-right:5px;padding-left:5px;}
table.about-table tbody tr td p.price {text-align:right;text-align: right;color: #391c04;font-size: 24px;font-weight: normal;margin: 0px;line-height: 20px;font-family: 'Tahoma', 'Verdana', 'Arial', sans-serif;white-space: nowrap;}
table.about-table tbody tr td p.type {text-align:right;color: #529206;}
table.about-table tbody tr td p.city {margin-top: 0;}
table.about-table tbody tr td p.price span {font-weight: bold;}
table.about-table tbody tr td.image .relative {padding:0 0 0 0}
table.about-table tbody tr td .relative {padding-top:0;}
table.about-table tbody tr td.image img {max-width: 150px; min-width:120px;max-height: 100px; object-fit:cover;}
table.about-table tbody tr td .relative {height: initial;}

.popup-msg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    background-color: rgba(255,255,255,0.5);
}

@-webkit-keyframes forpopup {
    0%   {opacity:0; top:-100px;}
    100% {opacity:1; top: 50%;}
}
@keyframes forpopup {
    0%   {opacity:0; top:-100px;}
    100% {opacity:1; top: 50%;}
}
.popup-msg .popup-msg-content {
    display: block;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    max-height: 80vh;
    overflow: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 700px;
    max-width: 100%;
    padding: 0 50px 50px 50px;
    box-sizing: border-box;
    color: #000;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 20px 2px rgba(0,0,0, 0.1);
    animation-name: forpopup;
    animation-duration: 0.3s;
}
.popup-msg-content header {
    background-color: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    margin: 20px 0;
}
.popup-msg-content header h2 {
    margin-left: 15px;
}
.popup-msg span.closeMe {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 22px;
}
.popup-form-wrapper {
    display: flex;
}
.popup-form-wrapper label {
    width: 200px;
    text-align: left;
}
.popup-form-wrapper input,
.popup-form-wrapper textarea {
    width: 100%;
}
.popup-form-item {
    width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}
.popup-form-item textarea {height: 100px;resize:none;}
.popup-form-item label {
    display: flex;
    width: 100%;
}
.popup-form-item label a {line-height: initial;}
.popup-form-item label input {
    width: initial;
}
.popup-form-item-captcha img {
    margin: 10px 0;
}
.popup-msg-content input[type='submit'] {
    border: 1px solid #529206;
    border-radius: 5px;
    background: #70b907;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 25px;
    cursor: pointer;
    outline: none;
    margin-top: 20px;
}

@media screen and (min-width: 1050px)
{
    article#rejestracja div.wrapper {width:1050px;}
    article#rejestracja div.wrapper div.row div.left {padding:40px;}
    article#rejestracja form.right fieldset {padding:10px 7.5% 5px 7.5%;}
}

@media screen and (min-width: 1240px)
{
    div.wrapper {width:1220px;}
    .input_text {border-radius:5px;border-right-width:2px;}
    .search_button {border-left-width:2px;border-radius:5px;width:67px;}
    header.main h1#logo a {height:121px;margin: 0px auto;padding:0px;width:300px;display:block;}
    header.main h2#logo a {height:121px;margin: 0px auto;padding:0px;width:300px;display:block;}
    header.main form#search .input_text {width:380px;}
    header.main form#search .search_button {margin-left:20px;}

    article#home form#search .search_button {margin-left:20px;}

    article#main header > div {padding:27px 30px;}

    div#details section {margin-bottom:16px;}
    div#details section .top .left .relative {padding:38px 16px 38px 38px;}
    div#details section .top .right {padding:38px 0px 38px 16px;}
    div#details section div#controls_photo {top:38px;left:38px;}
    div#details section article.description {margin:38px;}
    div#details section footer.table_actions {margin:30px 38px;}

    div#list section .left {width:280px;}
    div#list section .category_list {padding:25px 30px;}
    div#list section .reklama {padding:25px 30px;}

    div#list section .search table.lista thead th {padding:10px 30px;}
    div#list section .search table.lista tbody tr td {padding:30px 20px 20px 0px;}
    div#list section .search table.lista tbody tr td .relative{padding:30px 20px 20px 0px;}
    div#list section .search table.lista tbody tr td:last-child {padding-left:30px;padding-right:30px;}
    div#list section .search table.lista tbody tr td.image .relative {padding-left:30px;}
    div#list section .search table.lista tbody tr td.title p.desc {line-height:19px;}
    div#list section .search table.lista tbody tr td.title h3 {line-height:20px;}
    div#list section .search table.lista tbody tr td.title footer {line-height:19px;bottom:20px;}

    section div.add {padding:30px;}
    section div.add img {width:556px;height:31px;}
    section div.add a {margin-left:30px;}
    .section div.add {padding:30px;}
    .section div.add img {width:556px;height:31px;}
    .section div.add a {margin-left:30px;}

    div#add section form > .form {display:table;width:100%;}
    div#add section form > .form > .step {display:table-row;}
    div#add section form > .form > .step:last-child > .left {border-bottom:none;}
    div#add section form > .form > .step > .left {display:table-cell;text-align:center;width:200px;padding:40px;}
    div#add section form > .form > .step > .left h3 {display:block;margin-left:0px;}
    div#add section form > .form > .step > .right {display:table-cell;width:858px;padding:40px;}
    div#add section form > .form > .step > .right fieldset img.kategorie{margin:-15px 10px;width:auto;}
    div#add section form > .form > .step > .right fieldset div.map #mapa_wybierz {width:600px;height:300px;}
    div#add section form > .form > .step > .right fieldset div.map #map_ {width:600px;height:300px;}

    article#home #slider {width:1175px;}
}

@media screen and (max-width: 1100px)
{
    /* header.main.small h1#logo {width:70%;} */
    article#home #slider {width:879px;}
}

@media screen and (max-width: 1000px)
{
    div#details section .top {display:block;width:100%}
    div#details section .top .left {display:block;margin:0px auto;width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
	div#details section .top .left .relative .photos{width:100%;}
	div#details section ul.thumbs {width:100%; text-align:center;}
    div#details section .top .right {display:block;margin:0px auto;width:100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
    div#details section footer.table_actions {display:block;width: auto;text-align: center;}
    div#details section footer.table_actions div.cell {display:inline-block;vertical-align:top;margin:10px;}
    div#list section {display:block;width:auto;}
    div#list section .left {display:block;width:auto;text-align:center;}
    div#list section .right {display:block;}
    div#list section .left > div {display:inline-block;vertical-align:top;}
    article#home form#search {width:90%;}
    article#home form#search .input_text {width:88%;}
    article#home #slider {width:731px;}
    div#details section div#controls_photo {width:100%; top:0; left:0;}
    
    .left-form fieldset label.left-form-type {
        display: block;
    }

    .about-list-sidebar {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .about-filters,
    .about-category {
        padding: 0;
    }
    .about-list-sidebar .about-filters form,
    .about-list-sidebar ul {
        display: none;
        text-align: center;
        padding: 10px 0;
    }
    .about-list-sidebar h3 {
        margin-bottom: 0;
        background-image: url(../img/down-arrow.svg);
        background-repeat: no-repeat;
        background-position: 95%;
        background-size: 20px;
        background-color: #fff;
        padding: 20px;
        cursor: pointer;
        text-align: center;
    }
    .about-filters input.zastosuj {
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }
    .about-list-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 950px)
{
    header.main h1#logo a {width:220px; margin-left:0%;}
    header.main h2#logo a {width:220px; margin-left:0%;}
    article#rejestracja div.wrapper {display:block;width:550px;margin:0px auto;}
    article#rejestracja div.wrapper div.row {display:flex; flex-wrap:wrap-reverse;}
    article#rejestracja div.wrapper div.row > div.left {border-radius: 20px 20px 0px 0px; width:100%;}
    article#rejestracja div.wrapper div.row > form.right {border-radius: 0px 00px 20px 20px;padding-bottom:30px;}
    article#rejestracja form.right h2 {border-radius:0px;}
    article#rejestracja div.wrapper div.row > .half {display:block;width:auto;}
    form#zamow div#koszyk table {min-width:500px;}
    form#zamow div#koszyk tbody td {font-size:13px; padding: 0 0 0 10px;}
    form#zamow div#koszyk tbody td:last-child {padding-right: 10px;}
    form#zamow div#koszyk tbody th {font-size:13px; padding: 0 0 0 10px;}
    form#zamow div#koszyk tbody th:last-child{padding-right:10px;}
    form#zamow div#koszyk tfoot td {font-size: 20px; padding: 0 0 40px 10px;}
    form#zamow div#koszyk tfoot td:last-child{padding-right: 10px;} 

    .about-profil {
        flex: 0 0 47%;
    }
    .about-map {
        flex: 0 0 47%;
    }
}
@media screen and (max-width: 900px)
{
    header.main:not(.small) .login_button {font-size:0px;padding: 5px 20px;background-position: 50% 50%;}
    /* header.main:not(.small) .add_button {padding: 5px 20px;text-align:right;width:0px;text-indent:-166px;overflow:hidden;} */
    /* header.main.small h1#logo {width:50%;} */
    nav#top {height:60px;}
    /* nav#top div.nav-wrapper{height:60px;position:fixed;top:0;} */
    nav#top .main-button {display:flex;align-items:center;justify-content:center;}
    nav#top div.wrapper #logo {display:flex;}
    nav#top .search-button {display:flex;justify-content:center;align-items:center;}
    nav#top .panel-wyloguj {display:flex;justify-content:center;align-items:center;}
    nav#top div.nav-wrapper>#logo{display:flex; width:100%; height:100%;}
    nav#top #logo a{background-image:url('../img/logo-mob.svg');}
    nav#top div.nav-wrapper>#logo a{height:100%; position:relative; top:5px; width:175px;}
    nav#top div.nav-wrapper>#logo a span.miasto{font-size: 16px; top:45%;left:50%; color: #fff;}
    nav#top div.wrapper #logo a{max-width:175px;height:60px; margin-top:10px;}
    nav#top div.wrapper #logo a span.miasto{font-size: 16px; top:45%;left:50%; color: #fff;}
    .searchopened nav#top #search {right:0;}
    nav#top .wrapper {transition: .3s; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position:fixed; left:-120%; top:0%; width:100%; z-index: 99;}
    .menuopened nav#top .wrapper {left:0; background-color:#2b2824;z-index:999999;}
    nav#top .wrapper ul {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;width:100%;}
    nav#top .wrapper ul {padding: 2px; border: none;}
    header.main{display:none;}
    nav#top .nav-list-icons{display:flex;flex-direction:column;}
    /* telefon: nowe pozycje menu i "Zaloguj" (bialy zaokraglony przycisk) pod "Dodaj ogloszenie"; bez "Moje Ogloszenia" */
    nav#top div.wrapper ul li.nav-tylko-telefon {display:block;}
    nav#top div.wrapper ul li.nav-tylko-komputer {display:none;}
    nav#top ul li.nav-zaloguj {padding:10px 0;}
    nav#top ul li.nav-zaloguj a.login_button, nav#top .nav-list-icons a.login_button {display:inline-block;color:#494848;padding:5px 20px 5px 48px;line-height:24px;font-size:16px;background-position:23px 50%;}
    article#home div.wrapper form#search{display:none;}
    article#home div.wrapper form#search + .links{display:none;}
    div#add section form > .form > .step > .right fieldset div.map #mapa_wybierz {width:400px;}
    div#add section form > .form > .step > .right fieldset div.map #map_ {width:400px;}
    textarea.styled_textarea.w400 {min-width:200px;min-height:100px;width:300px;}
    div#add section form > .form > .step > .right fieldset ul#add_photos {width:402px;}
    div#reklamuj_sie div.mapa {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    div#screenshot div.border{margin:15px 0;}
    div#screenshot div.border div.arrow{display: none;}

    .add-btn-fix{display:flex;position:fixed;bottom: 5%; left:50%;transform:translateX(-50%);}
    .add-btn-fix.scrolled{display:none;}
    article#potwierdzenie,article#logowanie,article#home,article#rejestracja{margin-top:50px;}
    article#main{margin-top:30px;}
    
    div#list .map-form {position: fixed;bottom:-1000px;}
    div#list .map-form #search{display:block;}
    div#list section .search form fieldset {margin-bottom: 15px;}
    div#list .map-form.showform {left:0;bottom:0;z-index:999;}


    .showform {left:0;bottom:0;z-index:999;}
    .filtr-btn {margin:10px 0;position:fixed;display:flex;align-items:center;justify-content:center;}

    div#list section .left > div.category_list--search {display: none;}

    .about-filters{display: none;}
}
@media screen and (max-width: 850px)
{
    article#home form#search {width:82%;}
    article#home form#search .input_text {width:86%;}
    form#zamow header fieldset{width:100%;}
    form#zamow header fieldset div.styled_select{width:100%;}
    form#zamow header fieldset select{width:100%;}

}
@media screen and (max-width: 800px)
{
    nav#bottom ul li a {padding:0px 10px;}
    input.styled_input.w500 {width:400px;}
    div#add section form > .form > .step > .right fieldset label.main {display: block;text-align: left;width: auto;margin: 0px;margin-bottom: 10px;}
    div#add section form > .form > .step > .right fieldset div.input {margin: 0px;padding: 0px;}
    div#add section form > footer div.half {width: auto;display: block;text-align:center}
    div#add section form > footer div.right {text-align:center; float:none;}
    .actions200 a {width:33%;height: auto;}
    div#reklamuj_sie div.dane div.dlaczego_warto{width:100%;}
    div#reklamuj_sie div.dane div.zaufali{width:100%;margin-bottom:30px;}
}
@media screen and (max-width: 750px)
{
    header.main.small {margin:10px;}
    /* header.main.small h1#logo a {margin:0px;} */
    div#details section .bottom {display:block;}
    div#details section .bottom .left{display:block;}
    div#details section .bottom .right {display:block;margin: 0px auto;width:auto;min-width:0px;border:none;border-radius:0px;}
    nav#bottom ul.right {text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}
    nav#bottom ul li a {padding:0px 10px;line-height: 22px;}
    footer.main p.center {padding:10px 5px;}
    div#list section .search table.lista.active {width: 100%}
    div#list section .search table.lista tbody tr td {height:auto;}
    div#list section .search table.lista tbody tr td.title footer {position:static;margin-top:5px;}
    div#list section .search table.lista tfoot {display:block;}
    div#list section .search table.lista tfoot tr {display:block;}
    div#list section .search table.lista tfoot tr th {padding:15px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    div#list section .search table.lista tfoot tr th div.quantity {display:block;width:auto;}
    div#list section .search table.lista tfoot tr th div.page {display:block;width:auto;}
    article#home form#search {width:80%;}
    article#home form#search .input_text {width:82%;}
    article#home #kategorie {margin:10px auto;width:483px;}
    article#home #slider {width:583px;}
    div#reklamuj_sie hr.big {margin-top:60px;margin-bottom:40px;}
    div#reklamuj_sie div.dane div h4 {font-size:40px;}
    form#zamow section.pozycje div.pozycja h3 {padding: 5px 0;}
    form#zamow section.pozycje div.pozycja {padding-left: 0;padding-right:0;}
    div#list section .left{width:100%;box-sizing:border-box; padding-right:0;}
    div#list section .left .category_list{width:100% !important; display: block !important; box-sizing:border-box;}
    div#list section .left .category_list:first-child{margin-bottom:30px;padding:0;}
    div#list section .left .category_list:first-child h3{padding: 15px;cursor:pointer;}
    div#list section .left > div.category_list.category_list--search{display:none !important;}
    div#list section .category_list ul {display:none;}
    div#list section .category_list .left-form {display:none;}
    div#list section .category_list h3 {margin-bottom:0;background-image: url('../img/down-arrow.svg'); background-repeat:no-repeat; background-position:95%; background-size:20px;}
    div#list section .category_list.panel-name img {margin-top:15px;}
    div#list section .category_list.show-cat h3 {margin-bottom:10px;background-image: url('../img/up-arrow.svg');}
    /* div#list section .category_list.show-cat  ul {display:block;} */
    div#list section .category_list.show-cat:first-child{margin-bottom:10px;}
    /* panel: menu rozwiniete od poczatku (show-cat w menuPanel.jsp), blok "Kontakt online" ukryty */
    div#list section .category_list--menu.show-cat ul {display:block;}
    body article#main header div.right.panel-kontakt {display:none;}
    .title-items-comments{margin-top:20px;}
    div#list section .left .reklama.reklama-dekstop {
        display: none;
    }
    div#list section .reklama-mobile {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .about-profil {
        flex: 0 0 100%;
    }
    .about-map {
        flex: 0 0 100%;
        height: 400px;
        padding-left: 0;
        margin-top: 20px;
    }
}
@media screen and (max-width: 650px)
{
    header.main form#search .input_text {width:100%;}
    header.main h1#logo a {width:200px;}
    header.main h1#logo a span.miasto {font-size:16px;}
    header.main h2#logo a {width:200px;}
    header.main h2#logo a span.miasto {font-size:16px;}
    header.main div.table h1.cell {display:block;margin:0px auto;}
    header.main div.table h2.cell {display:block;margin:0px auto;}
    header.main div.table form.cell {display:inline-block;width:75%;margin-bottom:20px;}
    header.main div.table div.cell {float:right;margin-bottom:20px;}
    header.main.small .login_button {vertical-align:top;font-size:0px;padding: 5px 20px;background-position: 50% 50%;}
    /* header.main.small .add_button {vertical-align:top;padding: 5px 20px;text-align:right;width:0px;text-indent:-166px;overflow:hidden;margin-right:80px;} */
    /* header.main.small .add_button {vertical-align:top;padding: 5px 20px;text-align:right;width:21px;text-indent:-14px;overflow:hidden;margin-right:80px;} */
    header.main.small .add_button {margin-right:0;}
    div#details section .top .left {width:100%;}
    div#details section .top .left .relative {padding:0px;width:100%;}
    div#details section ul.photos {width:100%; height:70vw;}
    div#details .gallery-main, .gallery-thumbs {width:100%;}
    div#details .gallery-main .splide__slide {height:70vw;}
    div#details section div#controls_photo {width:100%;top:0px;left:0px;}
    div#details section ul.photos li a img {vertical-align:middle;}
    div#details section ul.thumbs {width:auto;text-align:center;}
    div#details section .top .right {width:auto;}
    section div.add img {margin-bottom:10px;}
    .section div.add img {margin-bottom:10px;}
    article#home form#search {width:88%;}
    article#home #slider {width:435px;}
    article#home #slider .splide__pagination {display:none;} /* 25 kropek nie miesci sie w jednym rzedzie */
    article#potwierdzenie .wrapper {width:90%;}
    
    /* panel klienta */
    .services-wrapper {flex: 0 0 100%;max-width: 100%;}
    .services-box img {height: auto;}
    .title-items-comments {margin-top: 0;}
    .title-items .red-counter,
    .title-items .green-counter {display:none;}
    .title-items li {margin: 5px;}
    body #main.panel div#list section .search table.lista tbody tr td.image img {max-width:100%; height: auto;}
    body #main.panel div#list section .search table.lista thead th, body #main.panel div#list section .search table.lista tbody tr td {padding:20px 20px;}

    /* o mnie */
    table.about-table  tr {display:block;border-bottom:1px solid #ebeae8;}
    table.about-table tbody tr td {border-bottom:none;}
    table.about-table tbody tr td.image{width:30%;display:inline-block;}
    table.about-table tbody tr td.title{width:65%;display:inline-block;}
    table.about-table tbody tr td.image img {min-width:initial;max-width:100%;height:auto;}

    div#list section .search table {display:block;}
    div#list section .search table.lista tr {display:block;}
    div#list section .search table.lista thead tr th {display:inline-block;border:none!important;}
    div#list section .search table.lista tbody tr {border-bottom: 1px solid #ebeae8;}
    div#list section .search table.lista tbody tr td {display:inline-block;border:none!important;padding:10px;}
    div#list section .search table.lista tbody tr td.title {display:block;padding:10px}
    div#list section .search table.lista tbody tr td.image {float:left;padding:0px}
    div#list section .search form fieldset.toggle label {font-size:19px;margin-right:15px;}
    div#list section .search form {padding: 15px;}
    div#list section .search form fieldset.toggle button {margin-left:0;}
    div#list section .search form div.more fieldset div.styled_select {margin: 0;}
    div#list section .search table.lista tbody tr td.title h3 {font-size:14px;}
    div#list section .search table.lista tbody tr td.title p.desc {display:none;}
    div#list section .search header a {font-size:18px;width:100%;margin:0;}

    /* lista ogloszen (kategorie, ogloszenia uzytkownika): sortowanie w rownych kolumnach,
       wiersz jako siatka - zdjecie po lewej, serduszko/cena/typ zawsze przy prawej krawedzi */
    div#list section .search table.lista-ogloszen thead tr, body #main.panel div#list section .search table.lista.lista-ogloszen thead tr {display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;}
    div#list section .search table.lista-ogloszen thead tr th, body #main.panel div#list section .search table.lista.lista-ogloszen thead tr th {display:block;padding:10px 8px;text-align:center;white-space:nowrap;}
    div#list section .search table.lista-ogloszen thead tr th:first-child, body #main.panel div#list section .search table.lista.lista-ogloszen thead tr th:first-child {text-align:left;}
    div#list section .search table.lista-ogloszen thead th a span.arrow, body #main.panel div#list section .search table.lista.lista-ogloszen thead th a span.arrow {margin:3px 0 3px 3px;}
    div#list section .search table.lista-ogloszen tbody tr, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr {display:grid;grid-template-columns:110px 1fr auto;grid-template-areas:"zdjecie tytul tytul" "zdjecie miasto cena";column-gap:10px;padding:10px;}
    div#list section .search table.lista-ogloszen tbody tr td, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td {display:block;float:none;height:auto;padding:0;}
    div#list section .search table.lista-ogloszen tbody tr td.image, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.image {grid-area:zdjecie;align-self:start;}
    div#list section .search table.lista-ogloszen tbody tr td.image .relative, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.image .relative {height:auto;padding:0;}
    div#list section .search table.lista-ogloszen tbody tr td.image img, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.image img {width:110px;height:90px;max-width:none;min-width:0;max-height:none;object-fit:cover;}
    div#list section .search table.lista-ogloszen tbody tr td.title, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.title {grid-area:tytul;padding:0;}
    div#list section .search table.lista-ogloszen tbody tr td.title .relative, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.title .relative {height:auto;padding:0;}
    div#list section .search table.lista-ogloszen tbody tr td:nth-child(3), body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td:nth-child(3) {grid-area:miasto;align-self:end;}
    div#list section .search table.lista-ogloszen tbody tr td:nth-child(3) center, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td:nth-child(3) center {text-align:left;}
    div#list section .search table.lista-ogloszen tbody tr td:nth-child(4), body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td:nth-child(4) {grid-area:cena;align-self:end;justify-self:end;text-align:right;padding:0;}
    div#list section .search table.lista-ogloszen tbody tr td p.price, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td p.price {font-size:20px;}
}
@media screen and (max-width: 600px)
{
    article#home #kategorie {width:453px;}
    article#home #kategorie > ul > li {width:150px;}
    div#add section form > .form > .step > .right fieldset ul#add_photos {width: 288px;}
    div#add section form > .form > .step > .right fieldset img.kategorie {width: 200px;padding-top: 8px;}
    span.info_cloud {display:none;}
    article#rejestracja div.wrapper {display:block;width:99%;margin:0px auto;}
    
    article.panel#main header div.right {vertical-align:middle;display:flex;flex-direction:row-reverse;padding:5px;text-align:left;}
    article.panel#main header div.right a{margin-left:0;}
}
@media screen and (max-width: 550px)
{
    header.main h2#logo a {width:200px;margin-left: 0;}
    header.main h2#logo a span.miasto {font-size:16px;margin-left: 0;}
    header.main h1#logo a {width:200px;margin-left: 0;}
    header.main h1#logo a span.miasto {font-size:16px;margin-left: 0;}
   
    article#home form#search {width:90%;padding:20px 10px;}
    article#home form#search .input_text {width:80%;}

    article#main header {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}


    body #main.panel div#list section .search table.lista tbody tr td.title {max-width:initial;padding-right:20px;}
    body #main.panel div#list section .search table.lista tbody tr {display:flex;flex-wrap:wrap;}
    body #main.panel div#list section .search table.lista tbody tr td {flex:0 0 50%;}
    body #main.panel div#list section .search table.lista tbody tr td.image img{width:100%;}

    .popup-msg .popup-msg-content {padding:0 15px 15px 15px;}
}
@media screen and (max-width: 500px)
{
    header.main form#search .input_text {width:85%;}
    nav#top ul.left li, nav#top ul.right li {text-align:center;display:block;}
    header.main div.table form.cell {width:100%;text-align:center;padding: 0px;}
    header.main div.table div.cell {display: inline-block;}
    header.main.small div.login_register {display:block;float:none;text-align:center;}
    header.main.small h1#logo {width:auto; margin:0 auto;}
    header.main.small h2#logo {width:auto; margin:0 auto;}
    header.main h1#logo a{margin:0 auto;}
    /* header.main.small h1#logo a {margin:0px auto;background-origin:content-box;max-width:100%;background-position:50% 50%;} */
    header.main.small div.login_register .dodaj_free {margin:10px auto 0px;max-width: 100%;}
    header.main.small .add_button {margin-right:0; width:inherit; text-indent: 0;}
    article#main header div.title	{display:block;padding:5px;}
    article#main header div.right {display:block;padding:5px;}
    nav#bottom ul li {display: block;}
    footer.main div.bottom {display:block;}
    footer.main p.left {display:block;text-align:center;padding:10px;}
    footer.main p.right {display:block;text-align:center;padding:10px;}
    article#home form#search {width:90%;}
    article#home form#search .input_text {width:85%;}
    article#home form#search .search_button {width:40px;}
    article#home #kategorie {width:302px;}
    article#home #slider {width:287px;}
    div.styled_select {width:100%;}
    input.styled_input.w500 {width:100%;}
    textarea.styled_textarea.w400 {width:100%;}
    input.styled_input.w400 {width:100%;}
    input.styled_input.w300 {width:100%;}
    div#add section form > .form > .step > .right fieldset div.input {display:block;width:100%;}
    div#add section form > .form > .step > .right fieldset img.kategorie {display:none;}
    div#add section form > .form > .step > .right fieldset div.map #mapa_wybierz {width:100%;}
    div#add section form > .form > .step > .right fieldset div.map #map_ {width:100%;}
    div#add section form > .form > .step > .right fieldset div.map span {line-height:20px;}
    div#add section form > footer {margin:0px 10px 10px;padding:5px;}
    div#list section .brak div {padding:10px;}
    div#list section .brak footer {padding:5px;}
    article#logowanie .wrapper {width:90%;}
    article#potwierdzenie div {padding:10px;}

    article#rejestracja div.wrapper div.row div.left {padding:10px;}
    article#rejestracja form.right fieldset.bottom .login_button {float:none;display:block;margin:10px auto;}
    article#rejestracja form.right fieldset.small,
    article#rejestracja form.right fieldset.middle,
    article#rejestracja form.right fieldset.half {width: 85%;padding:10px 7.5% 5px 7.5%;}
    article#rejestracja div.left div.row {display:block;width:auto;}
    article#rejestracja div.left div.row .number {display: block;margin: 0px auto;float:none;}
    article#rejestracja div.left div.row .number.r {float:none;}
    article#rejestracja div.left div.row div.text {display:block;width:auto;}


    div.styled_select select {width:100%;}

    body #main.panel div#list section .search table.lista thead th {padding: 10px 10px}

    .about-nav ul {justify-content: center;}
    .about-nav ul li {margin: 0 5px;text-align: center;font-size: 13px;}
    table.about-table thead tr {display: flex;flex-wrap:wrap;}

}
@media screen and (max-width: 400px)
{
    article#home form#search {width:80%;}
    article#home form#search + .links {padding:0px 10px 10px;}
    article#home form#search + .links a {margin:0px 10px;}
    article#home form#search .input_text {width:80%;}
    /* article#home #slider {width:139px;} */
    div#add section form > .form > .step > .left {padding:10px;min-height: 60px;}
    div#add section form > .form > .step > .left div.number {float:left;}
    div#add section form > .form > .step > .left h3 {display: block;margin-left: 75px;line-height: 30px;margin-top: 0px;}
    div#add section form > .form > .step > .right {padding:10px;}
    div#add section form > .form > .step > .right fieldset label.main {margin-bottom:5px;line-height:20px;}
    article#logowanie h2 {padding:5px;}
    article#logowanie form fieldset {padding:10px 20px;}
    article#logowanie form fieldset.bottom {height:auto;padding:0px 20px;}
    article#logowanie form fieldset.bottom .login_button {float:none; margin:10px auto;display: block;}
    article#logowanie footer {padding:10px;text-align:center;}
    article#logowanie footer .right {float:none;}
    article#logowanie footer a {margin:0px 10px;display:inline-block;}
    div#list section .search table.lista tbody tr td.image img {width:100px;max-width:100%;height:auto;}
    /* lista ogloszen: zdjecia rownej wysokosci (kadrowane) */
    div#list section .search table.lista-ogloszen tbody tr, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr {grid-template-columns:100px 1fr auto;}
    div#list section .search table.lista-ogloszen tbody tr td.image img, body #main.panel div#list section .search table.lista.lista-ogloszen tbody tr td.image img {width:100px;height:82px;}
    div#list section .search table.lista tbody tr td.title p.desc {font-size:12px;}
    div#list section .search table.lista tbody tr td p.price {font-size:20px;}
    div#list section .search table.lista tbody tr td .relative {height:auto;}
	div#details section div#controls_photo a {height:250px;}
    body #main.panel div#list section .search table.lista tbody tr td.image img {width:100%;}

    .popup-form-wrapper label {width: 110px;}
    .popup-form-wrapper .popup-form-item {width:calc(100% - 110px);}
}
@media screen and (max-width: 320px)
{
    article#home form#search {width:90%;padding: 10px;}
    /* article#home #kategorie {width:201px;} */
    /* article#home #kategorie > ul > li {width:200px;} */
    article#home form#search + .links {padding: 0px 5px 10px;}
    article#potwierdzenie div {padding:1px;}
    article#potwierdzenie footer {padding:5px;}
    article#potwierdzenie .wrapper {width:99%;}
	div#details section div#controls_photo a {height:200px;}
}

@media screen and (max-width: 300px) {
    div#details section dl.params dd{width:100%;}
    div#details section dl.params dt{width:100%;}
}


div#add .leaflet-popup-content {font-weight:bolder;margin-bottom:10px;}
div#add .leaflet-popup-content span {font-weight:400; color:#000 !important; line-height: 20px !important;}
#top .nav-wrapper .wrapper .left li a {position: relative;}


/* moje style */

/* strona wizytowka */
.account_info_menu ul {
    overflow: hidden;
    line-height: 26px;
    list-style-type: none;
    margin: 0px;
    display: block;
    width: 600px;
    float: right;
    font-size: 16px;
    padding-top: 50px;
}

.account_info_menu:hover ul {
    height: auto;
}

.account_info_menu ul li a {
    display: block;
    line-height: 26px;
    text-decoration: none;
    color: #888787;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
}

.account_info_menu ul li:hover a {
    border-color: #b3b1ad;
    color: #000000;
}

.askForPhoto {
    display: inline-block;
    background: url(../img/emptyPhotoBig.png) white no-repeat;
    background-position: center;
    width: 100%;
    text-align: center;
}

.askForPhoto a {
    display: inline-block;
    padding-top: 300px;
    color: #888787;
    text-decoration: none;
}

/* komunikaty o bledach lub sukcesach */
.infoBox, .successBox, .warningBox, .errorBox, .validationBox {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 99%;
    text-align: center;
}

.infoBox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}

.successBox {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../img/accept.png');
}

.warningBox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}

.errorBox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}

/* komunikaty o bledach lub sukcesach */
.infoBox, .successBox, .warningBox, .errorBox, .validationBox {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 99%;
    text-align: center;
}

.infoBox {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}

.successBox {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../img/accept.png');
}

.warningBox {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}

.errorBox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}

/* przyciski */
.remove_button, .red_button {
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: none;
    white-space: nowrap;
    line-height: 22px;
    padding: 5px 20px;
    border-radius: 36px;
    border: 2px solid #f26500;
    background: #AF1C17;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
}

.floatStop {
    clear: both;
}

/* panel */
.textLine {
    color: #726b66;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    margin-left: 50px;
    vertical-align: middle;
    padding-top: 20px;
    text-indent: 20px;
    margin-right: 50px;
}


/* strona o nas  */
.cities {
    float: left;
    display: inline-block;
}

.cities ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 50px;
    padding-right: 100px;
    padding-top: 10px;
' float: left;
}

.map {
    float: left;
}
/* dodawanie ogloszenia: chmurka "Pamietaj" przy zdjeciach wychodzila za prawa krawedz strony (poziomy pasek przewijania)
   przy szerokosciach ok. 650-1360 px - tam pokazywana pod zdjeciami zamiast obok */
@media screen and (min-width: 651px) and (max-width: 1359px) {
    span.info_cloud.info_cloud_photos {display:block;}
    span.info_cloud.info_cloud_photos span.info {position:relative;left:0;top:0;margin-top:10px;width:auto;max-width:400px;box-sizing:border-box;}
    span.info_cloud.info_cloud_photos span.info .arrow1, span.info_cloud.info_cloud_photos span.info .arrow2 {display:none;}
}

/* ulubione: serduszko (pl.zeb.utils.LikeHeart, js/likes.js) - zielone gdy polubione, biale z zielona ramka gdy nie */
.like-heart {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,0.92);box-shadow:0 1px 3px rgba(0,0,0,0.18);cursor:pointer;vertical-align:middle;text-decoration:none;line-height:1;}
.like-heart svg {width:22px;height:22px;fill:#ffffff;stroke:#70b907;stroke-width:2;transition:fill .15s ease;}
.like-heart:hover svg, .like-heart:focus-visible svg {fill:#e8f5d6;}
.like-heart.liked svg, .like-heart.liked:hover svg {fill:#70b907;}
.like-heart:focus-visible {outline:2px solid #70b907;outline-offset:2px;}
.like-heart[aria-busy=true] {opacity:.6;cursor:progress;}
table.lista td .like-heart {display:flex;margin:0 0 6px auto;}
.like-heart-box {display:inline-block;margin-right:12px;vertical-align:middle;}
.like-heart-box .like-heart {width:44px;height:44px;}
.like-heart-box .like-heart svg {width:26px;height:26px;}
/* panel "Ulubione" - ogloszenia, ktorych nie ma juz w serwisie */
.liked-unavailable {display:inline-block;margin-top:4px;padding:2px 8px;border-radius:10px;background:#ebeae8;color:#494848;font-size:12px;font-weight:bold;}
/* panel "Ulubione": wiersz po cofnieciu polubienia - "Usunieto z ulubionych. Cofnij" */
div#list section .search table.lista tbody tr.liked-undo td.liked-undo-cell {height:auto;padding:18px 12px;text-align:center;color:#494848;background:#f7f7f5;border-left:1px solid #ebeae8;}
.liked-undo-button {margin-left:8px;padding:4px 14px;border:1px solid #70b907;border-radius:36px;background:#ffffff;color:#3f6d00;font-weight:bold;cursor:pointer;}
.liked-undo-button:hover, .liked-undo-button:focus-visible {background:#e8f5d6;}

/* logowanie przez Facebook (common/facebookLogin.jsp) */
.facebook_login {text-align:center;padding:10px 30px 20px;}
article#logowanie .facebook_login {margin-top:1px;background:#ffffff;padding:20px 30px 25px;}
.facebook_login_or {display:block;margin-bottom:10px;color:#877f73;font-size:14px;}
.facebook_login_button {display:inline-flex;align-items:center;gap:10px;line-height:24px;padding:6px 22px;border-radius:36px;background:#1877f2;border:1px solid #1877f2;color:#ffffff;font-size:16px;text-decoration:none;white-space:nowrap;}
.facebook_login_button:hover, .facebook_login_button:focus-visible {background:#166fe5;color:#ffffff;text-decoration:none;}
.facebook_login_info {margin:10px auto 0;max-width:420px;color:#877f73;font-size:12px;line-height:1.4;}

/* ---------------------------------------------------------------- strony błędów (errors/errorBox.jsp: 404, 500, ogloszenie niedostepne) - z makiety html/css/style.css */
/* zmiany wzgledem makiety: .nf-label #81755e zamiast #96886d (kontrast 4.5:1 dla 12px), logo w ramce ukryte do 900px */
article#home.error-page {padding-top:30px;}
article#home.error-page .nf-box {box-sizing:border-box;max-width:850px;margin:20px auto 40px;padding:30px 40px 36px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
article#home.error-page h1.nf-logo {margin:0px auto 26px;padding-bottom:26px;border-bottom:1px solid #ebeae8;}
/* logo jak w nagłówku index.html: napis Kielce.pl od lewej krawędzi, pod lupką */
article#home.error-page h1.nf-logo a {width:250px;height:101px;background-position:left center;background-size:96%;text-align:left;}
@media screen and (min-width: 1240px) {article#home.error-page h1.nf-logo a {width:300px;height:121px;}}
article#home.error-page h1.nf-logo a:focus-visible {outline:2px solid #529206;outline-offset:4px;}
article#home.error-page .nf-code {margin:0px;font-family:'Verdana', 'Arial', sans-serif;font-weight:bold;font-size:150px;line-height:1;letter-spacing:-8px;color:#391c04;}
/* zero zastąpione lupą z logo: zielony pierścień + brązowa rączka */
article#home.error-page .nf-lupa {position:relative;display:inline-block;vertical-align:-6px;width:96px;height:96px;margin:0px 14px 0px 6px;border:20px solid #70b907;border-radius:50%;box-sizing:border-box;animation:nf-szukaj 3.2s ease-in-out infinite;}
article#home.error-page .nf-lupa:after {content:"";position:absolute;right:-34px;bottom:-30px;width:20px;height:46px;background-color:#391c04;border-radius:10px;transform:rotate(-45deg);}
@keyframes nf-szukaj {0%, 100% {transform:translate(0px, 0px) rotate(0deg);} 30% {transform:translate(-6px, -4px) rotate(-8deg);} 60% {transform:translate(5px, 2px) rotate(6deg);}}
@media (prefers-reduced-motion: reduce) {article#home.error-page .nf-lupa {animation:none;}}
article#home.error-page .nf-label {margin:18px 0px 6px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#81755e;}
article#home.error-page h2 {margin:0px 0px 12px;font-family:'Verdana', 'Arial', sans-serif;font-size:26px;letter-spacing:-1px;color:#391c04;}
article#home.error-page .nf-text {max-width:560px;margin:0px auto;font-size:14px;line-height:1.6;color:#726b66;}

@media screen and (max-width: 650px) {
    article#home.error-page .nf-box {padding:24px 16px 28px;margin-bottom:20px;}
    article#home.error-page .nf-code {font-size:96px;letter-spacing:-5px;}
    article#home.error-page .nf-lupa {width:62px;height:62px;border-width:13px;margin:0px 10px 0px 4px;vertical-align:-4px;}
    article#home.error-page .nf-lupa:after {right:-22px;bottom:-20px;width:13px;height:30px;}
    article#home.error-page h2 {font-size:21px;}
    article#home.error-page h1.nf-logo a {width:200px;height:81px;}
    article#home.error-page h1.nf-logo a span.miasto {font-size:16px;}
}
/* do 900px naglowek pokazuje logo (nav#top) - bez drugiego logo w ramce */
@media screen and (max-width: 900px) {
    article#home.error-page h1.nf-logo {display:none;}
}
/* ogloszenie niedostepne: tytul ogloszenia i link do wlasnych ogloszen dla wlasciciela */
article#home.error-page .nf-anonse {margin:0px 0px 12px;font-size:15px;color:#391c04;}
article#home.error-page .nf-anonse span {color:#726b66;}
article#home.error-page .nf-text a {text-decoration:underline;}

/* ---------------------------------------------------------------- strona kontaktu (static/contact.jsp, js/kontakt.js) - z makiety html/css/style.css */
/* zmiany wzgledem makiety: tekst pomocniczy #81755e zamiast #96886d (kontrast 4.5:1), link regulaminu brazowy #391c04 z podkresleniem zamiast #0073e9, telefon #4b8505 zamiast #529206 (kontrast 4.5:1) */
article#main div#kontakt {display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px;padding:0px 10px 50px;}
article#main div#kontakt .kontakt-info {flex:1 1 280px;min-width:0;box-sizing:border-box;padding:26px 28px;background-color:#ebeae8;border:1px solid #dedcd9;border-radius:10px;}
article#main div#kontakt .kontakt-info h3 {margin:0px 0px 12px;font-family:'Verdana', 'Arial', sans-serif;font-size:22px;letter-spacing:-1px;color:#391c04;}
article#main div#kontakt .kontakt-info p {margin:0px;font-size:14px;line-height:1.7;color:#726b66;}
article#main div#kontakt .kontakt-form {flex:2 1 420px;min-width:0;box-sizing:border-box;padding:26px 30px 30px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
article#main div#kontakt fieldset {border:none;margin:0px 0px 22px;padding:0px;}
article#main div#kontakt fieldset.bottom {margin-bottom:0px;}
article#main div#kontakt label {display:block;margin-bottom:8px;font-size:15px;font-weight:bold;color:#391c04;}
article#main div#kontakt label .kontakt-dopisek {font-weight:normal;font-size:13px;color:#81755e;}
article#main div#kontakt div.styled_select {display:block;width:100%;max-width:440px;box-sizing:border-box;}
article#main div#kontakt div.styled_select select {width:100%;box-sizing:border-box;}
article#main div#kontakt input.styled_input {width:100%;max-width:440px;}
article#main div#kontakt textarea.styled_textarea {display:block;width:100%;height:auto;min-height:180px;resize:vertical;font-family:'Verdana', 'Arial', sans-serif;font-size:14px;line-height:1.5;}
article#main div#kontakt div.styled_select:focus-within {border-color:#d1ba8b;outline:3px solid #f8efcd;}
article#main div#kontakt .kontakt-pomoc {margin:6px 0px 0px;font-size:12px;line-height:1.5;color:#81755e;}
article#main div#kontakt .kontakt-licznik {margin:6px 0px 0px;font-size:12px;color:#81755e;text-align:right;font-variant-numeric:tabular-nums;}
article#main div#kontakt .kontakt-licznik.kontakt-licznik-malo {color:#b94a00;}
article#main div#kontakt .kontakt-blad {margin:6px 0px 0px;font-size:13px;color:#b94a00;}
article#main div#kontakt .kontakt-niepoprawne {border-color:#f26500 !important;}
article#main div#kontakt div.styled_select:has(.kontakt-niepoprawne) {border-color:#f26500;}
article#main div#kontakt input.add_button:focus-visible,
article#main div#kontakt a.login_button:focus-visible {outline:2px solid #529206;outline-offset:3px;}
article#main div#kontakt input.add_button:disabled {opacity:.7;cursor:default;}
article#main div#kontakt .kontakt-wyslano {text-align:center;padding:30px 10px;outline:none;}
article#main div#kontakt .kontakt-wyslano h3 {margin:0px 0px 10px;font-size:22px;letter-spacing:-1px;color:#529206;}
article#main div#kontakt .kontakt-wyslano p {margin:0px auto 22px;max-width:420px;font-size:14px;line-height:1.6;color:#726b66;}
article#main div#kontakt .kontakt-wyslano .login_button {padding-left:20px;background-image:none;}

@media screen and (max-width: 650px) {
    article#main div#kontakt {gap:16px;padding:0px 0px 30px;}
    article#main div#kontakt .kontakt-info,
    article#main div#kontakt .kontakt-form {padding:20px 16px;}
    article#main div#kontakt fieldset.bottom input.add_button {width:100%;}
}
/* kontakt: lewa kolumna z opisem, mapą i adresem */
article#main div#kontakt .kontakt-bok {flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:20px;}
article#main div#kontakt .kontakt-bok .kontakt-info {flex:none;}
article#main div#kontakt .kontakt-adres {box-sizing:border-box;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;overflow:hidden;}
article#main div#kontakt .kontakt-mapa {height:240px;background-color:#ebeae8;border-bottom:1px solid #ebeae8;}
article#main div#kontakt .kontakt-mapa .leaflet-popup-content {font-size:13px;line-height:1.5;color:#391c04;}
article#main div#kontakt address {padding:18px 24px 20px;font-style:normal;font-size:14px;line-height:1.7;color:#726b66;}
article#main div#kontakt address strong {font-size:15px;color:#391c04;}
article#main div#kontakt address .kontakt-telefon {display:inline-block;margin-top:6px;}
article#main div#kontakt address a {color:#4b8505;font-weight:bold;text-decoration:none;font-variant-numeric:tabular-nums;}
article#main div#kontakt address a:hover {text-decoration:underline;}
/* kontakt: zgoda na regulamin (pole ukryte wizualnie, ale dostępne z klawiatury) */
article#main div#kontakt fieldset.kontakt-zgoda {margin-bottom:18px;}
article#main div#kontakt fieldset.kontakt-zgoda label {display:inline;margin:0px;font-size:14px;font-weight:normal;cursor:pointer;}
article#main div#kontakt fieldset.kontakt-zgoda label a {color:#391c04;text-decoration:underline;}
article#main div#kontakt div.styled_checkbox input[type="checkbox"] {display:inline-block;position:absolute;opacity:0;width:1px;height:1px;margin:0px;}
article#main div#kontakt div.styled_checkbox {position:relative;}
article#main div#kontakt div.styled_checkbox input:focus-visible + label span.circle {outline:2px solid #529206;outline-offset:2px;}
article#main div#kontakt div.styled_checkbox input.kontakt-niepoprawne + label span.circle {border-color:#f26500;}
/* kontakt: ikony mediów społecznościowych (Font Awesome) pod telefonem */
article#main div#kontakt address {padding-bottom:14px;}
article#main div#kontakt ul.kontakt-social {display:flex;gap:10px;list-style:none;margin:0px;padding:0px 24px 22px;}
article#main div#kontakt ul.kontakt-social a {display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#ebeae8;color:#391c04;font-size:17px;text-decoration:none;transition:background-color 150ms linear, color 150ms linear;}
article#main div#kontakt ul.kontakt-social a:hover,
article#main div#kontakt ul.kontakt-social a:focus-visible {color:#ffffff;}
article#main div#kontakt ul.kontakt-social a.facebook:hover,
article#main div#kontakt ul.kontakt-social a.facebook:focus-visible {background-color:#1877f2;}
article#main div#kontakt ul.kontakt-social a.instagram:hover,
article#main div#kontakt ul.kontakt-social a.instagram:focus-visible {background-color:#d62976;}
article#main div#kontakt ul.kontakt-social a.youtube:hover,
article#main div#kontakt ul.kontakt-social a.youtube:focus-visible {background-color:#ff0000;}
article#main div#kontakt ul.kontakt-social a:focus-visible {outline:2px solid #529206;outline-offset:2px;}
article#main div#kontakt .kontakt-ukryte {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------------------------------------------------------------- walidacja formularza ogloszenia (anonseAdd.jsp, anonseEdit.jsp, js/dodaj.js, tags/poleBlad.tag) */
/* wyglad bledow jak na stronie kontaktu (.kontakt-blad, .kontakt-niepoprawne): komunikat pod polem i pomaranczowa ramka */
div#add .pole-blad {display:block;margin:6px 0px 0px;font-size:13px;line-height:1.4;color:#b94a00;text-align:left;}
div#add .pole-blad[hidden] {display:none;}
div#add .pole-bledy-razem {margin:0px 0px 20px;font-size:14px;font-weight:bold;color:#b94a00;text-align:center;}
div#add .pole-niepoprawne {border-color:#f26500 !important;}
div#add div.styled_select:has(.pole-niepoprawne) {border-color:#f26500;}
div#add div.styled_radio input.pole-niepoprawne + label span.circle {border-color:#f26500;}
div#add div.styled_checkbox input.pole-niepoprawne {outline:2px solid #f26500;outline-offset:2px;}
/* link "regulamin" w oswiadczeniu - odroznia sie od tekstu nie tylko kolorem */
div#add div.styled_checkbox label a {text-decoration:underline;}

/* ---------------------------------------------------------------- strona pomocy (static/help.jsp) - z makiety html/css/style.css */
/* zmiany wzgledem makiety (kontrast WCAG, kolorystyka serwisu): linki #391c04 z podkresleniem zamiast #0073e9, tekst pomocniczy #81755e zamiast #96886d, numery pytan #4b8505, biezace miasto #c65300 */
html {scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior:auto;}}
article#main div#pomoc {display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px;padding:0px 10px 50px;}
article#main div#pomoc .pomoc-bok {flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:20px;}
article#main div#pomoc .pomoc-tresc {flex:2 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px;}
article#main div#pomoc .pomoc-spis {box-sizing:border-box;padding:24px 26px;background-color:#ebeae8;border:1px solid #dedcd9;border-radius:10px;scroll-margin-top:20px;}
article#main div#pomoc h3 {font-family:'Verdana', 'Arial', sans-serif;letter-spacing:-0.5px;color:#391c04;text-wrap:balance;}
article#main div#pomoc .pomoc-spis h3 {margin:0px 0px 14px;font-size:19px;}
article#main div#pomoc .pomoc-spis ol {margin:0px;padding-left:22px;color:#81755e;font-variant-numeric:tabular-nums;}
article#main div#pomoc .pomoc-spis li {margin:0px 0px 9px;line-height:1.4;font-size:14px;}
article#main div#pomoc .pomoc-spis li:last-child {margin-bottom:0px;}
article#main div#pomoc .pomoc-spis a {color:#391c04;text-decoration:none;}
article#main div#pomoc .pomoc-spis a:hover {text-decoration:underline;}
article#main div#pomoc .pomoc-pytanie {box-sizing:border-box;padding:24px 30px 20px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;scroll-margin-top:20px;}
article#main div#pomoc .pomoc-pytanie:target {border-color:#70b907;box-shadow:0px 0px 0px 3px rgba(112,185,7,0.18);}
article#main div#pomoc .pomoc-pytanie h3 {margin:0px 0px 12px;font-size:19px;}
article#main div#pomoc .pomoc-nr {color:#4b8505;}
article#main div#pomoc .pomoc-pytanie p {max-width:68ch;margin:0px 0px 12px;font-size:14px;line-height:1.7;color:#726b66;}
article#main div#pomoc .pomoc-tresc a:not(.pomoc-do-gory):not(.add_button) {color:#391c04;text-decoration:underline;}
article#main div#pomoc .pomoc-do-gory {display:inline-block;margin-top:2px;font-size:12px;color:#81755e;text-decoration:none;}
article#main div#pomoc .pomoc-do-gory:before {content:"\2191\00a0";}
article#main div#pomoc .pomoc-do-gory:hover {color:#529206;text-decoration:underline;}
article#main div#pomoc .pomoc-kontakt {box-sizing:border-box;padding:22px 26px 24px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
article#main div#pomoc .pomoc-kontakt h3 {margin:0px 0px 8px;font-size:17px;}
article#main div#pomoc .pomoc-kontakt p {margin:0px 0px 16px;font-size:14px;line-height:1.6;color:#726b66;}
article#main div#pomoc .pomoc-kontakt-dol {background-color:#ebeae8;border-color:#dedcd9;}
article#main div#pomoc .pomoc-kontakt-dol p {margin-bottom:0px;color:#6f6863;}
article#main div#pomoc a:focus-visible {outline:2px solid #529206;outline-offset:2px;}

@media screen and (max-width: 800px) {
    article#main div#pomoc .pomoc-bok {position:static;}
}
@media screen and (max-width: 650px) {
    article#main div#pomoc {gap:16px;padding:0px 0px 30px;}
    article#main div#pomoc .pomoc-spis,
    article#main div#pomoc .pomoc-pytanie,
    article#main div#pomoc .pomoc-kontakt {padding:18px 16px;}
    article#main div#pomoc .pomoc-pytanie h3 {font-size:17px;}
}

/* ---------------------------------------------------------------- strona o nas (static/about.jsp, js/o-nas.js) - z makiety html/css/style.css */
article#main div#o-nas {display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px;padding:0px 10px 50px;}
article#main div#o-nas > section {box-sizing:border-box;min-width:0;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
article#main div#o-nas .onas-intro {flex:1 1 320px;padding:28px 30px 30px;}
article#main div#o-nas .onas-miasta {flex:2 1 520px;padding:28px 30px 30px;}
article#main div#o-nas h3 {margin:0px 0px 14px;font-family:'Verdana', 'Arial', sans-serif;font-size:19px;letter-spacing:-0.5px;color:#391c04;text-wrap:balance;}
article#main div#o-nas p {margin:0px 0px 14px;font-size:14px;line-height:1.7;color:#726b66;}
article#main div#o-nas p.onas-lead {font-size:15px;color:#391c04;}
article#main div#o-nas p a {color:#391c04;text-decoration:underline;}
article#main div#o-nas p.onas-zaproszenie {margin:22px 0px 20px;padding:16px 0px 0px;border-top:1px solid #ebeae8;font-size:15px;line-height:1.5;color:#81755e;}
article#main div#o-nas p.onas-zaproszenie strong {font-size:19px;color:#529206;}
article#main div#o-nas .onas-intro .add_button {display:inline-block;}

article#main div#o-nas .onas-mapa {height:480px;margin:4px 0px 22px;border-radius:8px;background-color:#ebeae8;overflow:hidden;z-index:0;}
article#main div#o-nas .onas-lista {margin:0px;padding:0px;list-style:none;columns:4 140px;column-gap:20px;}
article#main div#o-nas .onas-lista li {break-inside:avoid;margin:0px;padding:0px;}
article#main div#o-nas .onas-lista a {display:block;padding:4px 0px 4px 18px;position:relative;font-size:14px;line-height:1.35;color:#391c04;text-decoration:none;}
article#main div#o-nas .onas-lista a:before {content:"";position:absolute;left:0px;top:8px;width:6px;height:6px;border:2px solid #70b907;border-radius:50%;}
article#main div#o-nas .onas-lista a:hover {color:#529206;text-decoration:underline;}
article#main div#o-nas .onas-lista .onas-miasto-biezace a {font-weight:bold;color:#c65300;}
article#main div#o-nas .onas-lista .onas-miasto-biezace a:before {border-color:#f26500;}
article#main div#o-nas a:focus-visible {outline:2px solid #529206;outline-offset:2px;}

/* znacznik w kształcie lupki z logo */
.onas-pin {background:none;border:0;}
.onas-pin .onas-pin-szklo {position:absolute;left:0px;top:0px;box-sizing:border-box;width:18px;height:18px;background-color:#ffffff;border:4px solid #70b907;border-radius:50%;box-shadow:0px 1px 3px rgba(57,28,4,0.35);}
.onas-pin .onas-pin-raczka {position:absolute;left:14px;top:13px;width:11px;height:5px;background-color:#529206;border-radius:3px;transform:rotate(45deg);transform-origin:0px 50%;}
.onas-pin-biezace .onas-pin-szklo {width:24px;height:24px;border-width:5px;border-color:#f26500;}
.onas-pin-biezace .onas-pin-raczka {left:19px;top:17px;width:14px;height:6px;background-color:#c95300;}
.onas-pin .onas-pin-szklo, .onas-pin .onas-pin-raczka {transition:transform 0.15s ease;}
.onas-pin.onas-pin-aktywny .onas-pin-szklo {background-color:#70b907;transform:scale(1.25);}
.onas-pin-biezace.onas-pin-aktywny .onas-pin-szklo {background-color:#f26500;}
.leaflet-tooltip.onas-etykieta {padding:3px 8px;font-size:12px;font-weight:bold;color:#391c04;border-color:#dedcd9;box-shadow:0px 1px 3px rgba(57,28,4,0.2);}
article#main div#o-nas .leaflet-popup-content {font-size:13px;line-height:1.5;color:#391c04;}
article#main div#o-nas .leaflet-popup-content a {color:#391c04;}
@media (prefers-reduced-motion: reduce) {
    .onas-pin .onas-pin-szklo, .onas-pin .onas-pin-raczka {transition:none;}
}

@media screen and (max-width: 640px) {
    article#main div#o-nas {gap:16px;padding:0px 0px 30px;}
    article#main div#o-nas .onas-intro,
    article#main div#o-nas .onas-miasta {padding:20px 16px;}
    article#main div#o-nas .onas-mapa {height:360px;}
    article#main div#o-nas h3 {font-size:17px;}
}

/* ---------------------------------------------------------------- regulamin (static/rules.jsp) - z makiety html/css/style.css */
/* zmiany wzgledem makiety (kontrast WCAG, kolorystyka serwisu): linki #391c04 zamiast #0073e9, tekst pomocniczy #81755e zamiast #81755e, numery sekcji #4b8505, plakietka PDF #c65300 */
article#main div#regulamin {display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px;padding:0px 10px 50px;}
article#main div#regulamin .reg-bok {flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;}
article#main div#regulamin .reg-tresc {flex:3 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px;}
article#main div#regulamin h3 {font-family:'Verdana', 'Arial', sans-serif;letter-spacing:-0.5px;color:#391c04;text-wrap:balance;}
article#main div#regulamin a {color:#391c04;overflow-wrap:anywhere;}
article#main div#regulamin .reg-pkt a, article#main div#regulamin .reg-lista a, article#main div#regulamin .reg-formularz a {text-decoration:underline;}
article#main div#regulamin a:focus-visible, article#main div#regulamin button:focus-visible {outline:2px solid #529206;outline-offset:2px;}

article#main div#regulamin .reg-spis {box-sizing:border-box;padding:22px 24px;background-color:#ebeae8;border:1px solid #dedcd9;border-radius:10px;scroll-margin-top:20px;}
article#main div#regulamin .reg-spis h3 {margin:0px 0px 12px;font-size:18px;}
article#main div#regulamin .reg-spis ol {margin:0px;padding-left:24px;color:#81755e;font-variant-numeric:tabular-nums;}
article#main div#regulamin .reg-spis li {margin:0px 0px 7px;font-size:13px;line-height:1.4;}
article#main div#regulamin .reg-spis a {text-decoration:none;}
article#main div#regulamin .reg-spis a:hover {text-decoration:underline;}
article#main div#regulamin .reg-spis-zal {margin:12px 0px 0px;padding:12px 0px 0px;border-top:1px solid #dedcd9;list-style:none;}
article#main div#regulamin .reg-akcje {display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:0px 4px;font-size:13px;}
article#main div#regulamin .reg-drukuj {padding:8px 18px;font-family:inherit;font-size:14px;color:#391c04;background-color:#ffffff;border:1px solid #b3b1ad;border-radius:20px;cursor:pointer;}
article#main div#regulamin .reg-drukuj:hover {border-color:#70b907;color:#529206;}

article#main div#regulamin .reg-naglowek {box-sizing:border-box;min-width:0;overflow-wrap:anywhere;padding:26px 30px;text-align:center;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;border-top:4px solid #70b907;}
article#main div#regulamin .reg-naglowek p {margin:0px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#81755e;}
article#main div#regulamin .reg-naglowek h3 {margin:6px 0px;font-size:24px;color:#529206;}
article#main div#regulamin .reg-naglowek .reg-tytul-dok {font-size:15px;font-weight:bold;color:#391c04;}

article#main div#regulamin .reg-sekcja {box-sizing:border-box;padding:24px 30px 20px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;scroll-margin-top:20px;}
article#main div#regulamin .reg-sekcja:target {border-color:#70b907;box-shadow:0px 0px 0px 3px rgba(112,185,7,0.18);}
article#main div#regulamin .reg-sekcja h3 {margin:0px 0px 14px;font-size:19px;}
article#main div#regulamin .reg-sekcja h3 .reg-nr {color:#4b8505;}
article#main div#regulamin .reg-zalacznik h3 .reg-nr {display:block;margin-bottom:2px;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
article#main div#regulamin .reg-pkt {max-width:80ch;margin:0px 0px 10px;font-size:14px;line-height:1.7;color:#726b66;scroll-margin-top:20px;}
article#main div#regulamin .reg-pkt .reg-nr {font-weight:bold;color:#391c04;font-variant-numeric:tabular-nums;}
article#main div#regulamin .reg-poz2 {padding-left:22px;}
article#main div#regulamin .reg-poz3 {padding-left:44px;}
article#main div#regulamin .reg-pkt:target {background-color:#f3f9e9;border-radius:4px;}
article#main div#regulamin dfn {font-style:normal;font-weight:bold;color:#391c04;}
article#main div#regulamin .reg-lista {max-width:80ch;margin:0px 0px 12px;padding-left:22px;font-size:14px;line-height:1.7;color:#726b66;}
article#main div#regulamin .reg-lista li {margin-bottom:6px;}
article#main div#regulamin .reg-lista li::marker {color:#70b907;}
article#main div#regulamin .reg-do-gory {display:inline-block;margin-top:2px;font-size:12px;color:#81755e !important;text-decoration:none;}
article#main div#regulamin .reg-do-gory:before {content:"\2191\00a0";}
article#main div#regulamin .reg-do-gory:hover {color:#529206 !important;text-decoration:underline;}

article#main div#regulamin .reg-formularz {max-width:80ch;margin:6px 0px 18px;padding:20px 24px;background-color:#f7f7f5;border:1px dashed #b3b1ad;border-radius:8px;font-size:14px;line-height:1.7;color:#391c04;}
article#main div#regulamin .reg-formularz p {margin:0px 0px 12px;}
article#main div#regulamin .reg-formularz-opis {font-style:italic;color:#726b66;}
article#main div#regulamin .reg-formularz dl {margin:0px 0px 12px;}
article#main div#regulamin .reg-formularz dt {font-weight:bold;}
article#main div#regulamin .reg-formularz dd {margin:0px 0px 0px 18px;}
article#main div#regulamin .reg-formularz ul {margin:0px 0px 12px;padding-left:18px;list-style:"– ";}
article#main div#regulamin .reg-formularz li {margin-bottom:8px;}
article#main div#regulamin .reg-formularz-przypis {margin:0px !important;font-size:12px;color:#7c705a;}
article#main div#regulamin .reg-pobierz {margin:0px 0px 16px;}
article#main div#regulamin .reg-pobierz h4 {margin:0px 0px 10px;font-size:15px;color:#391c04;}
article#main div#regulamin .reg-plik {display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:14px;text-decoration:none;border:1px solid #dedcd9;border-radius:8px;}
article#main div#regulamin .reg-plik:hover {border-color:#70b907;}
article#main div#regulamin .reg-plik-ikona {display:inline-block;padding:6px 7px;font-size:11px;font-weight:bold;color:#ffffff;background-color:#c65300;border-radius:4px;}

@media screen and (max-width: 800px) {
    article#main div#regulamin .reg-bok {position:static;max-height:none;}
}
@media screen and (max-width: 640px) {
    article#main div#regulamin {gap:16px;padding:0px 0px 30px;}
    article#main div#regulamin .reg-spis,
    article#main div#regulamin .reg-sekcja,
    article#main div#regulamin .reg-naglowek {padding:18px 16px;}
    article#main div#regulamin .reg-sekcja h3 {font-size:17px;}
    article#main div#regulamin .reg-poz2 {padding-left:12px;}
    article#main div#regulamin .reg-poz3 {padding-left:24px;}
    article#main div#regulamin .reg-formularz {padding:16px;}
    article#main div#regulamin .reg-naglowek h3 {font-size:20px;}
    article#main div#regulamin .reg-naglowek p {font-size:12px;letter-spacing:0.5px;}
}
@media print {
    body:has(div#regulamin) nav#top, body:has(div#regulamin) header.main, body:has(div#regulamin) .map-form,
    body:has(div#regulamin) nav#bottom, body:has(div#regulamin) footer.main, body:has(div#regulamin) .add-btn-fix,
    article#main div#regulamin .reg-bok, article#main div#regulamin .reg-do-gory, article#main header ul.tree {display:none !important;}
    article#main div#regulamin {display:block;padding:0px;}
    article#main div#regulamin .reg-sekcja, article#main div#regulamin .reg-naglowek {border:0;padding:0px 0px 12px;box-shadow:none;}
    article#main div#regulamin .reg-pkt {max-width:none;color:#000000;}
    article#main div#regulamin a {color:#000000;}
}

/* ---------------------------------------------------------------- panel klienta: dane konta (makieta html/panel-dane-konta.html, panel/accountEdit.jsp, common/menuPanel.jsp) */
body #main.panel .wrapper #list section .left .category_list li.active > a {font-weight:bold;color:#391c04;}
body #main.panel .wrapper #list section .left .category_list li.active > a:before {content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;margin-top:-3px;background-color:#70b907;border-radius:50%;}
body #main.panel .panel-admin ul li {line-height:1.4;}
.konto-wkrotce {display:inline-block;margin-left:4px;padding:1px 6px;font-size:10px;line-height:15px;color:#96886d;background-color:#ebeae8;border-radius:8px;vertical-align:1px;}
body #main.panel .panel-admin-testowe {margin:16px 0px 0px;padding:14px 0px 0px;border-top:1px solid #ebeae8;}
body #main.panel .panel-admin-testowe p {margin:0px 0px 10px;font-size:12px;line-height:1.5;color:#726b66;}
body #main.panel .panel-admin-testowe button {margin:0px 6px 6px 0px;padding:5px 12px;font-family:inherit;font-size:12px;color:#391c04;background:#ffffff;border:1px solid #b3b1ad;border-radius:14px;cursor:pointer;}
body #main.panel .panel-admin-testowe button:hover {border-color:#70b907;color:#529206;}

.konto {background-color:#ffffff;border:1px solid #ebeae8;border-radius:3px;}
.konto-form {padding:28px 40px 10px;}
.konto-intro {max-width:72ch;margin:0px 0px 26px;font-size:14px;line-height:1.7;color:#726b66;}
.konto-ukryte {position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}

.konto-logo {display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin:0px 0px 30px;padding:20px;background-color:#f7f7f5;border:1px solid #ebeae8;border-radius:8px;}
.konto-logo img {display:block;width:186px;height:156px;object-fit:cover;border-radius:6px;background-color:#c3e3a1;}
.konto-logo img.konto-logo-brak {object-fit:contain;padding:20px;}
.konto-logo-opis {flex:1 1 220px;min-width:0;}
.konto-logo-opis h3 {margin:0px 0px 6px;font-size:16px;color:#391c04;}
.konto-logo-opis p {margin:0px 0px 14px;font-size:13px;line-height:1.5;color:#96886d;}
.konto-logo-akcje {display:flex;align-items:center;gap:16px;}
.konto-plik {cursor:pointer;}
.konto-plik:focus-within, #konto-logo:focus-visible + .konto-plik {outline:2px solid #529206;outline-offset:2px;}
.konto-link {padding:0px;font-family:inherit;font-size:14px;color:#0073e9;background:none;border:0;cursor:pointer;text-decoration:underline;}
.konto-link:hover {color:#529206;}

.konto-grupa {margin:0px 0px 26px;padding:0px;border:0;min-width:0;}
.konto-grupa legend {display:block;width:100%;margin:0px 0px 18px;padding:0px 0px 10px;font-family:'Tahoma','Verdana', 'Arial', sans-serif;font-size:17px;font-weight:bold;color:#391c04;border-bottom:2px solid #ebeae8;}
.konto-grupa legend:after {content:"";display:block;width:50px;height:2px;margin-bottom:-12px;margin-top:10px;background-color:#70b907;}
.konto-legend-info {font-family:'Arial', sans-serif;font-size:13px;font-weight:normal;color:#96886d;}

.konto-pole {display:grid;grid-template-columns:190px minmax(0, 1fr);align-items:start;gap:6px 20px;margin:0px 0px 14px;}
.konto-pole > label, .konto-etykieta {padding-top:6px;font-size:14px;font-weight:bold;line-height:1.3;text-align:right;color:#594e38;}
.konto-pole abbr {color:#f26500;text-decoration:none;}
.konto-wartosc {min-width:0;}
.konto-wartosc .styled_input {width:100%;max-width:380px;font-size:14px;}
.konto-wartosc .styled_input.konto-w-sr {max-width:200px;}
.konto-wartosc .styled_input.konto-w-mala {max-width:100px;}
.konto-wartosc textarea.konto-textarea {display:block;height:auto;min-height:110px;line-height:1.5;resize:vertical;font-family:inherit;}
.konto-wartosc textarea.konto-textarea:focus {border:1px solid #d1ba8b;outline:3px solid #f8efcd;outline-offset:0px;}
.konto-nr {display:flex;align-items:center;gap:8px;}
.konto-nr .styled_input {max-width:90px;}
.konto-nr span {color:#96886d;}
.konto-wartosc div.styled_select select {width:260px;max-width:100%;}
.konto-typ .konto-wartosc {padding-top:0px;}
.konto-hint {margin:6px 0px 0px;font-size:12px;line-height:1.5;color:#96886d;}
.konto-blad {margin:6px 0px 0px;font-size:12px;font-weight:bold;color:#e3212c;}
.konto-wartosc .styled_input.konto-niepoprawne {border-color:#e3212c;}

/* Osoba prywatna / Firma - zmiana etykiet */
.konto .konto-tylko-firma {display:none;}
.konto.konto-firma .konto-tylko-firma {display:inline;}
.konto.konto-firma .konto-tylko-prywatna {display:none;}

.konto-zapisz {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0px 0px 0px 210px;padding:4px 0px 26px;}
.konto-zapisz .add_button {border:0;cursor:pointer;font-family:inherit;}
.konto-zapisano {margin:0px;padding:6px 12px 6px 30px;font-size:14px;color:#529206;background:#f3f9e9 url(../img/check_green.png) no-repeat 8px 50%;border-radius:4px;}
.konto-zapisano.konto-zapisano-blad {color:#e3212c;background-color:#fdecec;background-image:none;padding-left:12px;}

div#list section.konto-usun {display:flex;width:auto;}
.konto-usun > div {flex:1 1 320px;min-width:0;}
.konto-usun {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0px 40px 30px;padding:18px 22px;border:1px solid #f3c9c5;border-radius:8px;background-color:#fffafa;}
.konto-usun h3 {margin:0px 0px 4px;font-size:15px;color:#391c04;}
.konto-usun p {margin:0px;font-size:13px;line-height:1.5;color:#726b66;max-width:60ch;}
.konto-usun-btn {padding:8px 20px;font-family:inherit;font-size:14px;color:#ffffff;background-color:#c0261c;border:0;border-radius:20px;cursor:pointer;}
.konto-usun-btn:hover {background-color:#a01d15;}
.konto-usun-btn:disabled {background-color:#d9a7a3;cursor:not-allowed;}
.konto-usun-potwierdz {display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;width:100%;padding-top:14px;border-top:1px solid #f3c9c5;}
.konto-usun-potwierdz[hidden] {display:none;}
.konto-usun-potwierdz p {width:100%;}
.konto-usun-potwierdz kbd {padding:1px 5px;font-family:inherit;font-weight:bold;background:#ffffff;border:1px solid #dedcd9;border-radius:3px;}
.konto-usun-potwierdz .styled_input {width:140px;}
.konto button:focus-visible, .konto input:focus-visible, .konto select:focus-visible {outline:2px solid #529206;outline-offset:2px;}

@media screen and (max-width: 800px) {
    .konto-form {padding:20px 16px 4px;}
    .konto-pole {grid-template-columns:minmax(0, 1fr);gap:4px;}
    .konto-pole > label, .konto-etykieta {padding-top:0px;text-align:left;}
    .konto-zapisz {margin-left:0px;}
    .konto-usun {margin:0px 16px 20px;}
    .konto-logo img {width:140px;height:118px;}
}

/* elementy z JSP spoza makiety: liczniki w menu, link do profilu, pozycje administracji bez adresu,
   "Usun konto na stale" jako link (aria-disabled zamiast :disabled) */
body #main.panel .panel-licznik {color:#e3212c;}
body #main.panel .panel-profil {margin:0px 0px 10px;font-size:13px;}
body #main.panel .panel-admin-niedostepne {color:#96886d;}
a.konto-usun-btn {display:inline-block;text-decoration:none;}
a.konto-usun-btn[aria-disabled="true"], a.konto-usun-btn[aria-disabled="true"]:hover {background-color:#d9a7a3;cursor:not-allowed;}

/* ---------------------------------------------------------------- zmiana hasła (makieta html/zmiana-hasla.html, panel/changePassword.jsp, js/zmiana-hasla.js) */
.haslo-wejscie {display:flex;align-items:stretch;max-width:380px;}
.haslo-wejscie .styled_input {flex:1 1 auto;min-width:0;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.haslo-pokaz {flex:0 0 auto;padding:0px 12px;font-family:inherit;font-size:12px;color:#726b66;background:#f7f7f5;border:1px solid #b3b1ad;border-left:0;border-radius:0px 5px 5px 0px;cursor:pointer;}
.haslo-pokaz:hover {color:#529206;}
.konto-hint a {color:#0073e9;}
.haslo-sila-pole {margin-top:-6px;}
.haslo-sila {display:flex;gap:4px;max-width:380px;}
.haslo-sila span {flex:1;height:5px;border-radius:3px;background-color:#ebeae8;transition:background-color 0.2s;}
.haslo-sila[data-poziom="1"] span:nth-child(-n+1) {background-color:#e3212c;}
.haslo-sila[data-poziom="2"] span:nth-child(-n+2) {background-color:#f26500;}
.haslo-sila[data-poziom="3"] span:nth-child(-n+3) {background-color:#70b907;}
.haslo-sila[data-poziom="4"] span {background-color:#529206;}
.haslo-sila-opis {min-height:18px;margin:5px 0px 0px;font-size:12px;color:#96886d;}
.haslo-rady {margin:0px 40px 30px;padding:18px 22px;background-color:#f7f7f5;border:1px solid #ebeae8;border-radius:8px;}
.haslo-rady h3 {margin:0px 0px 8px;font-size:15px;color:#391c04;}
.haslo-rady ul {margin:0px;padding-left:18px;font-size:13px;line-height:1.7;color:#726b66;}
.haslo-rady li::marker {color:#70b907;}
@media screen and (max-width: 800px) {
    .haslo-rady {margin:0px 16px 20px;}
    .haslo-sila-pole {margin-top:0px;}
}
@media (prefers-reduced-motion: reduce) { .haslo-sila span {transition:none;} }

/* ---------------------------------------------------------------- usunięcie ogłoszenia (makieta html/usun-ogloszenie.html, anonseDelete.jsp, js/usun-ogloszenie.js) */
article#main div#usun {display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px;padding:0px 10px 50px;}
article#main div#usun .usun-karta {flex:3 1 560px;min-width:0;box-sizing:border-box;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;overflow:hidden;}
article#main div#usun .usun-bok {flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:16px;}
article#main div#usun h3 {font-family:'Verdana', 'Arial', sans-serif;letter-spacing:-0.5px;color:#391c04;text-wrap:balance;}
article#main div#usun a {color:#0073e9;}
article#main div#usun .usun-ogloszenie {display:flex;flex-wrap:wrap;gap:24px 28px;padding:26px 30px;transition:opacity 0.3s;}
article#main div#usun .usun-ogloszenie.usun-usuniete {opacity:0.45;filter:grayscale(1);pointer-events:none;}
article#main div#usun .usun-zdjecie {flex:0 1 300px;position:relative;display:block;align-self:flex-start;border-radius:8px;overflow:hidden;}
article#main div#usun .usun-zdjecie img {display:block;width:100%;height:auto;aspect-ratio:550/400;object-fit:cover;}
article#main div#usun .usun-zdjecia-liczba {position:absolute;right:8px;bottom:8px;padding:3px 9px;font-size:12px;color:#ffffff;background-color:rgba(43,40,36,0.75);border-radius:10px;}
article#main div#usun .usun-dane {flex:1 1 260px;min-width:0;}
article#main div#usun .usun-cena {margin:0px 0px 14px;font-family:'Verdana', 'Arial', sans-serif;font-size:26px;font-weight:bold;color:#391c04;}
article#main div#usun .usun-tytul {margin:0px 0px 10px;font-size:21px;line-height:1.3;overflow-wrap:anywhere;}
article#main div#usun .usun-cena span {display:block;font-family:'Arial', sans-serif;font-size:13px;font-weight:normal;color:#529206;}
article#main div#usun dl {display:grid;grid-template-columns:auto minmax(0, 1fr);gap:6px 16px;margin:0px 0px 16px;font-size:14px;}
article#main div#usun dt {color:#96886d;}
article#main div#usun dd {margin:0px;color:#391c04;}
article#main div#usun .usun-opis {margin:0px 0px 12px;font-size:14px;line-height:1.65;color:#726b66;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
article#main div#usun .usun-zobacz {font-size:14px;}

article#main div#usun .usun-form, article#main div#usun .usun-gotowe {padding:24px 30px 30px;border-top:1px solid #ebeae8;}
/* po usunieciu karta zaczyna sie od potwierdzenia - bez linii u gory */
article#main div#usun .usun-gotowe:first-child {border-top:0;}
article#main div#usun .usun-form[hidden], article#main div#usun .usun-gotowe[hidden] {display:none;}
article#main div#usun .usun-pole {margin:0px 0px 18px;}
article#main div#usun .usun-pole[hidden] {display:none;}
article#main div#usun .usun-pole label {display:block;margin:0px 0px 8px;font-size:15px;font-weight:bold;color:#391c04;}
article#main div#usun .usun-pole abbr {color:#f26500;text-decoration:none;}
article#main div#usun .usun-opcjonalne {font-weight:normal;font-size:13px;color:#96886d;}
article#main div#usun div.styled_select select {width:340px;max-width:100%;}
article#main div#usun div.styled_select {max-width:100%;}
article#main div#usun div.styled_select.usun-niepoprawne {border-color:#e3212c;}
article#main div#usun textarea {display:block;box-sizing:border-box;width:100%;max-width:480px;height:auto;min-height:80px;line-height:1.5;resize:vertical;font-family:inherit;font-size:14px;}
article#main div#usun .usun-hint {margin:6px 0px 0px;font-size:12px;color:#96886d;}
article#main div#usun .usun-blad {margin:6px 0px 0px;font-size:12px;font-weight:bold;color:#e3212c;}
article#main div#usun .usun-ostrzezenie {margin:0px 0px 18px;padding:10px 14px;font-size:13px;line-height:1.5;color:#8a1c14;background-color:#fdf0ef;border-left:3px solid #c0261c;border-radius:0px 4px 4px 0px;}
article#main div#usun .usun-akcje {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:14px;color:#726b66;}
article#main div#usun .usun-btn {padding:10px 26px;font-family:inherit;font-size:15px;color:#ffffff;background-color:#c0261c;border:0;border-radius:22px;cursor:pointer;}
article#main div#usun .usun-btn:hover {background-color:#a01d15;}
article#main div#usun .usun-btn:disabled {background-color:#d9a7a3;cursor:wait;}
article#main div#usun .usun-gotowe {background-color:#f3f9e9;}
article#main div#usun .usun-gotowe h3 {margin:0px 0px 8px;font-size:19px;color:#529206;}
article#main div#usun .usun-gotowe p {margin:0px 0px 18px;font-size:14px;line-height:1.6;color:#726b66;}
article#main div#usun .usun-gotowe .add_button {color:#ffffff;}
article#main div#usun .usun-info {padding:20px 22px;background-color:#ebeae8;border:1px solid #dedcd9;border-radius:10px;}
article#main div#usun .usun-info h3 {margin:0px 0px 10px;font-size:16px;}
article#main div#usun .usun-info ul {margin:0px;padding-left:18px;font-size:13px;line-height:1.65;color:#726b66;}
article#main div#usun .usun-info li {margin-bottom:6px;}
article#main div#usun .usun-info li::marker {color:#70b907;}
article#main div#usun .usun-info p {margin:0px;font-size:13px;line-height:1.6;color:#726b66;}
article#main div#usun a:focus-visible, article#main div#usun button:focus-visible, article#main div#usun select:focus-visible {outline:2px solid #529206;outline-offset:2px;}
@media screen and (max-width: 640px) {
    article#main div#usun {gap:16px;padding:0px 0px 30px;}
    article#main div#usun .usun-ogloszenie,
    article#main div#usun .usun-form, article#main div#usun .usun-gotowe {padding-left:16px;padding-right:16px;}
    article#main div#usun .usun-zdjecie {flex-basis:100%;}
}
@media (prefers-reduced-motion: reduce) { article#main div#usun .usun-ogloszenie {transition:none;} }

/* ---------------------------------------------------------------- panel klienta: powiadomienia (makieta html/zarzadzaj-nowosciami.html, panel/manageNewsletter.jsp, js/zarzadzaj-nowosciami.js) */
.pn .panel-header {border-radius:0px;}
.pn .panel-header:first-child {border-top-left-radius:3px;border-top-right-radius:3px;}
.pn-lista {padding:20px 30px 30px;}
.pn-pasek {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:0px 0px 16px;}
.pn-licznik {margin:0px;font-size:14px;color:#726b66;}
.pn-licznik strong {color:#391c04;}
.pn-dodaj {display:inline-block;padding:7px 18px;white-space:nowrap;font-size:14px;color:#529206;text-decoration:none;background:#ffffff;border:1px solid #70b907;border-radius:18px;}
.pn-dodaj:hover {color:#ffffff;background-color:#70b907;}

.pn-tabela {width:100%;border-collapse:collapse;font-size:14px;}
.pn-tabela[hidden] {display:none;}
.pn-tabela thead th {padding:10px 14px;font-size:13px;font-weight:bold;text-align:left;color:#96886d;background-color:#f7f7f5;border-bottom:1px solid #ebeae8;}
.pn-tabela tbody th, .pn-tabela tbody td {padding:14px;text-align:left;vertical-align:middle;border-bottom:1px solid #ebeae8;color:#726b66;font-variant-numeric:tabular-nums;}
.pn-tabela tbody th {font-weight:normal;}
.pn-tabela tbody th a {display:inline-block;font-size:15px;font-weight:bold;color:#0073e9;text-decoration:none;}
.pn-tabela tbody th a:first-letter {text-transform:uppercase;}
.pn-tabela tbody th a:hover {text-decoration:underline;}
.pn-tabela tbody tr:hover {background-color:#fbfbf9;}
.pn-status {display:inline-block;padding:3px 10px 3px 20px;position:relative;font-size:12px;font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;border-radius:12px;}
.pn-status:before {content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;}
.pn-aktywne .pn-status {color:#529206;background-color:#f3f9e9;}
.pn-aktywne .pn-status:before {background-color:#70b907;}
.pn-wylaczone .pn-status {color:#96886d;background-color:#ebeae8;}
.pn-wylaczone .pn-status:before {background-color:#b3b1ad;}
.pn-wylaczone th a {color:#726b66 !important;}
.pn-brak {color:#b3b1ad;}
.pn-akcje {white-space:nowrap;text-align:right !important;}
.pn-przelacz {min-width:76px;margin-right:12px;padding:5px 14px;font-family:inherit;font-size:13px;color:#391c04;background:#ffffff;border:1px solid #b3b1ad;border-radius:14px;cursor:pointer;}
.pn-przelacz:hover {border-color:#70b907;color:#529206;}
.pn-wylaczone .pn-przelacz {color:#ffffff;background-color:#70b907;border-color:#529206;}
.pn-wylaczone .pn-przelacz:hover {background-color:#529206;color:#ffffff;}
.pn-akcje .pn-usun {font-size:13px;color:#96886d;}
.pn-akcje .pn-usun:hover {color:#e3212c;}
.pn-tabela tr.pn-usuniete {display:none;}
.pn-tabela tr.pn-cofnij td {padding:12px 14px;font-size:14px;color:#391c04;background-color:#fff8e6;}
.pn-tabela tr.pn-cofnij .konto-link {margin-left:8px;font-weight:bold;}
.pn button:focus-visible, .pn a:focus-visible {outline:2px solid #529206;outline-offset:2px;}
.pn-pusto {padding:30px 20px;text-align:center;background-color:#f7f7f5;border:1px dashed #dedcd9;border-radius:8px;}
.pn-pusto p {margin:0px 0px 10px;font-size:14px;color:#726b66;}
.pn-pusto strong {color:#391c04;}
.pn-pusto .add_button {display:inline-block;margin-top:8px;}

.pn-pomoc {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:24px 30px;padding:26px 30px 30px;}
.pn-pomoc section {min-width:0;}
.pn-pomoc h3 {margin:0px 0px 10px;font-size:16px;color:#391c04;}
.pn-pomoc p {margin:0px 0px 10px;font-size:14px;line-height:1.65;color:#726b66;}
.pn-pomoc .pn-darmowe {display:inline-block;padding:4px 10px;font-weight:bold;color:#529206;background-color:#f3f9e9;border-radius:4px;}
.pn-przyklad {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0px 0px 14px;padding:12px 14px;text-align:right;background-color:#f7f7f5;border:1px solid #ebeae8;border-radius:8px;}
.pn-przyklad span:first-child {font-size:12px;line-height:1.3;color:#96886d;}
.pn-przyklad strong {font-size:17px;color:#726b66;}
.pn-przyklad .subscribe {flex:0 0 auto;}

@media screen and (max-width: 800px) {
    .pn-lista, .pn-pomoc {padding:18px 16px 22px;}
    .pn-tabela thead {display:none;}
    .pn-tabela, .pn-tabela tbody, .pn-tabela tr, .pn-tabela tbody th, .pn-tabela tbody td {display:block;width:auto;}
    .pn-tabela tbody tr {margin:0px 0px 12px;padding:6px 14px;border:1px solid #ebeae8;border-radius:8px;}
    .pn-tabela tbody tr.pn-usuniete {display:none;}
    .pn-tabela tbody th, .pn-tabela tbody td {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0px;border-bottom:1px solid #f2f1ef;}
    .pn-tabela tbody td:last-child {border-bottom:0;}
    .pn-tabela tbody [data-label]:before {content:attr(data-label);font-size:12px;font-weight:bold;color:#96886d;}
    .pn-tabela tbody td.pn-akcje:before {content:none;}
    .pn-tabela tbody td.pn-akcje {justify-content:flex-start;}
    .pn-tabela tr.pn-cofnij td {display:block;}
}
.pn-lista #pn-blad {margin:12px 0px 0px;}

/* panel klienta: "Aktywuj" / "Przywróć" przy ogłoszeniu - formularz POST wyglądający jak link (AnonsesPanelDecorator) */
form.panel-akcja {display:inline;margin:0px;padding:0px;}
form.panel-akcja button {padding:0px;margin:0px;font:inherit;line-height:20px;color:#391c04;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;}
form.panel-akcja button:hover {border-bottom-color:currentColor;}
/* panel "Moje ogloszenia": akcje z ikonkami (AnonsesPanelDecorator), liczniki odslon i telefonu */
.panel-akcje {display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;}
div#list section .search form.panel-akcja {display:inline;margin:0;padding:0;border:none;background:none;border-radius:0;}
.panel-akcje a, .panel-akcje form.panel-akcja button {display:inline-flex;align-items:center;gap:5px;color:#391c04;text-decoration:none;border-bottom:1px solid transparent;}
.panel-akcje a:hover {border-bottom-color:currentColor;}
.panel-ikona {width:15px;height:15px;flex:none;}
.panel-liczniki {display:flex;gap:12px;justify-content:center;align-items:center;margin:8px 0px 0px;color:#604d35;}
.panel-liczniki > span {display:inline-flex;align-items:center;gap:4px;}
.panel-liczniki .panel-ikona {width:17px;height:17px;}
/* "Moje ogloszenia": akcje zbiorcze (pasek nad lista, checkbox w wierszu), status w prawym gornym rogu wiersza */
div#list section .search form.panel-zbiorcze {display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0px 0px 12px;padding:12px 16px;border:1px solid #ebeae8;border-radius:5px;background:#faf9f7;}
.panel-zbiorcze-wszystkie {display:inline-flex;align-items:center;gap:7px;color:#391c04;cursor:pointer;}
.panel-zbiorcze select.styled_input {width:auto;min-width:190px;height:36px;padding:0px 10px;}
.panel-zbiorcze button:disabled {opacity:.45;cursor:not-allowed;}
.panel-zbiorcze-licznik {color:#96886d;font-size:13px;}
.panel-zbiorcze input[type=checkbox], .panel-zaznacz input {width:18px;height:18px;margin:0;accent-color:#70b907;cursor:pointer;}
table.panel-z-zaznaczaniem th.zaznacz, table.panel-z-zaznaczaniem td.zaznacz {width:20px;padding:0px 0px 0px 16px !important;vertical-align:middle;}
.panel-zaznacz {display:inline-flex;padding:6px;cursor:pointer;}
table.panel-z-zaznaczaniem tbody tr.panel-zaznaczony td {background-color:#f4f9ea;}
/* status w prawym górnym rogu wiersza – panel użytkownika (lista-ogloszen) i lista administratora (/admin/ogloszenia.html) */
table.lista tbody tr:has(.panel-status) {position:relative;}
.panel-status {position:absolute;top:12px;right:18px;font-size:14px;line-height:18px;text-align:right;}
.panel-dialog {max-width:440px;padding:24px 26px;border:none;border-radius:10px;box-shadow:0 12px 40px rgba(57,28,4,.25);color:#391c04;}
.panel-dialog::backdrop {background:rgba(57,28,4,.45);}
.panel-dialog h3 {margin:0px 0px 10px;font-size:20px;}
.panel-dialog p {margin:0px 0px 20px;line-height:22px;color:#594e38;}
.panel-dialog-przyciski {display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.panel-dialog-przyciski button {padding:9px 20px;border-radius:20px;font:inherit;font-weight:bold;cursor:pointer;}
.panel-dialog-usun {color:#ffffff;background:#d32f2f;border:1px solid #d32f2f;}
.panel-dialog-anuluj {color:#391c04;background:#ffffff;border:1px solid #c3c1be;}
@media screen and (max-width: 650px) {
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem thead tr th.zaznacz {display:none;}
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem tbody tr td.zaznacz {position:absolute;top:12px;left:12px;z-index:2;width:auto;padding:0 !important;background:rgba(255,255,255,.85);border-radius:4px;}
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem tbody tr td:nth-child(3) {grid-area:tytul;align-self:auto;}
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem tbody tr td:nth-child(4) {grid-area:miasto;align-self:end;justify-self:start;text-align:left;}
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem tbody tr td:nth-child(5) {grid-area:cena;align-self:end;justify-self:end;text-align:right;padding:0;}
    div#list section .search table.lista.lista-ogloszen.panel-z-zaznaczaniem tbody tr td.title {padding-right:90px;}
    div#list section .search table.panel-z-zaznaczaniem tbody tr.panel-zaznaczony {background-color:#f4f9ea;}
    div#list section .search table.panel-z-zaznaczaniem tbody tr.panel-zaznaczony td {background-color:transparent;}
    .panel-status {top:10px;right:10px;font-size:13px;}
}
/* administrator: blokada ogłoszenia (admin/adminAnonseBlock.jsp) - karta strony usuwania w kolumnie panelu */
article#main div#usun.admin-blokada {padding:20px 30px 30px;}
@media screen and (max-width: 640px) { article#main div#usun.admin-blokada {padding:16px 0px 20px;} }
/* administrator: podgląd maila z nowościami (admin/adminNewsletterPreview.jsp) */
.admin-podglad .admin-search {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0px 0px 14px;}
.admin-podglad-mail {display:block;width:100%;height:600px;margin:10px 0px 16px;border:1px solid #ebeae8;border-radius:8px;background:#ffffff;}
.admin-podglad-id {width:110px;}
.admin-podglad-tekst {margin:0px 0px 16px;}
.admin-podglad-tekst pre {white-space:pre-wrap;word-break:break-word;max-height:400px;overflow:auto;padding:12px;border:1px solid #ebeae8;border-radius:8px;background:#faf9f7;font-size:12px;}
/* panel administratora: bledy serwisu (adminServiceErrors.jsp, adminServiceError.jsp) */
.admin-bledy td.blad-opis {word-break:break-word;}
.admin-blad-dane {border-collapse:collapse;margin:0 0 16px;width:100%;}
.admin-blad-dane th {text-align:left;vertical-align:top;width:150px;padding:6px 12px 6px 0;color:#726b66;font-weight:bold;}
.admin-blad-dane td {padding:6px 0;word-break:break-word;}
.admin-blad-status {display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:0 0 20px;}
.admin-blad-status label {flex:1 1 100%;font-weight:bold;color:#726b66;}
.admin-blad-status textarea {flex:1 1 100%;width:100%;box-sizing:border-box;min-height:70px;}
.admin-blad-naglowek {margin:0 0 8px;font-size:16px;font-weight:bold;color:#391c04;}
.admin-blad-stos {white-space:pre-wrap;word-break:break-word;max-height:600px;overflow:auto;padding:12px;border:1px solid #ebeae8;border-radius:8px;background:#faf9f7;font-size:12px;line-height:17px;}
/* strona ogłoszenia: szybkie powody "Zgłoś nadużycie" jako przyciski formularza POST (wygląd jak dotychczasowe linki) */
.gray_button_list form.zglos-szybkie {margin:0px;padding:0px;}
.gray_button_list ul li button {display:block;width:100%;margin:0px;line-height:26px;border:0;border-top:1px solid transparent;border-bottom:1px solid transparent;padding:0px 18px;font:inherit;text-align:left;white-space:nowrap;color:#888787;background:none;cursor:pointer;-webkit-transition: all 100ms linear;transition: all 100ms linear;}
.gray_button_list ul li:hover button, .gray_button_list ul li button:focus-visible {border-color:#b3b1ad;background-color:#736f69;color:#ffffff;}

/* ---------------------------------------------------------------- formularz wiadomosci do sprzedajacego w okienku (sendMessage.jsp, wg html/wyslij-wiadomosc.html) */
body.pf-strona {margin:0;background-color:#f7f7f5;font-family:'Arial', sans-serif;}
.pf {box-sizing:border-box;max-width:680px;margin:0px auto;padding:28px 24px 30px;}
.pf *, .pf *:before, .pf *:after {box-sizing:border-box;}
.pf-logo {display:block;width:170px;height:56px;margin:0px 0px 18px;background:url(../img/logo.svg) no-repeat left center;background-size:contain;font-size:0;}
.pf-w-oknie .pf-logo, .pf-w-oknie .pf-powrot {display:none;}
.pf-naglowek {display:flex;align-items:center;gap:14px;margin:0px 0px 18px;}
.pf-ikona {flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border:1px solid #dedcd9;border-radius:12px;}
.pf-ikona svg {width:30px;height:30px;}
.pf-naglowek h1 {margin:0px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:24px;line-height:1.2;color:#391c04;}
.pf-naglowek p {margin:4px 0px 0px;font-size:13px;color:#96886d;}
.pf-naglowek p a {color:#0073e9;text-decoration:none;}
.pf-naglowek p a:hover {text-decoration:underline;}
.pf-karta {padding:26px 28px 28px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
.pf-karta[hidden] {display:none;}

.pf-pole {display:grid;grid-template-columns:150px minmax(0, 1fr);gap:6px 18px;align-items:start;margin:0px 0px 16px;}
.pf-pole > label, .pf-etykieta {padding-top:7px;font-size:14px;font-weight:bold;line-height:1.3;text-align:right;color:#594e38;}
.pf-pole abbr {color:#f26500;text-decoration:none;}
.pf-wartosc {min-width:0;}
.pf-wartosc .styled_input {display:block;width:100%;height:34px;font-size:14px;}
.pf-wartosc textarea.styled_input {height:auto;min-height:150px;padding:8px 10px;line-height:1.55;resize:vertical;font-family:inherit;}
.pf-wartosc textarea.styled_input:focus {border:1px solid #d1ba8b;outline:3px solid #f8efcd;outline-offset:0px;}
.pf-wartosc .styled_input.pf-niepoprawne {border-color:#e3212c;}
.pf-hint {margin:5px 0px 0px;font-size:12px;line-height:1.45;color:#96886d;}
.pf-licznik {margin:5px 0px 0px;font-size:12px;text-align:right;color:#b3b1ad;font-variant-numeric:tabular-nums;}
.pf-licznik.pf-licznik-malo {color:#f26500;}
.pf-blad {margin:5px 0px 0px;font-size:12px;font-weight:bold;color:#e3212c;}
.pf-blad[hidden] {display:none;}

/* akceptacja regulaminu – kwadratowe pole wyboru w stylu serwisu */
.pf-zgoda {display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#726b66;cursor:pointer;}
.pf-zgoda input {position:absolute;width:1px;height:1px;opacity:0;}
.pf-zgoda .pf-kwadrat {flex:0 0 auto;width:20px;height:20px;margin-top:-1px;background:#ffffff;border:1px solid #b3b1ad;border-radius:4px;box-shadow:inset 0px 6px 8px -5px rgba(219,219,219,0.8);position:relative;}
.pf-zgoda input:checked + .pf-kwadrat {background-color:#70b907;border-color:#529206;}
.pf-zgoda input:checked + .pf-kwadrat:after {content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0px 2.5px 2.5px 0px;transform:rotate(45deg);}
.pf-zgoda input:focus-visible + .pf-kwadrat {outline:2px solid #529206;outline-offset:2px;}
.pf-zgoda input.pf-niepoprawne + .pf-kwadrat {border-color:#e3212c;}
.pf-zgoda a {color:#0073e9;}

/* captcha – pokazowa (bez klucza) i miejsce na reCAPTCHA */
.captcha {min-height:78px;}

.pf-wyslij {display:inline-flex;align-items:center;gap:10px;padding:10px 24px 10px 26px;font-family:'Arial', sans-serif;font-size:15px;font-weight:bold;color:#ffffff;background-color:#70b907;border:1px solid #529206;border-radius:22px;cursor:pointer;transition:background-color 0.15s;}
.pf-wyslij:hover {background-color:#5fa006;}
.pf-wyslij:focus-visible {outline:2px solid #391c04;outline-offset:2px;}
.pf-wyslij svg {width:20px;height:16px;}
.pf-wyslij:disabled {opacity:0.6;cursor:wait;}
.pf-akcje {display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
.pf-akcje .pf-uwaga {font-size:12px;color:#96886d;}

.pf-gotowe {text-align:center;padding:40px 28px 36px;}
.pf-gotowe .pf-ok {display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0px 0px 16px;background-color:#f3f9e9;border-radius:50%;}
.pf-gotowe .pf-ok:after {content:"";width:14px;height:26px;margin-top:-6px;border:solid #70b907;border-width:0px 5px 5px 0px;transform:rotate(45deg);}
.pf-gotowe h2 {margin:0px 0px 8px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:21px;color:#391c04;}
.pf-gotowe p {max-width:44ch;margin:0px auto 22px;font-size:14px;line-height:1.6;color:#726b66;}
.pf-zamknij {display:inline-block;padding:9px 26px;font-family:inherit;font-size:14px;color:#391c04;text-decoration:none;background:#ffffff;border:1px solid #b3b1ad;border-radius:20px;cursor:pointer;}
.pf-zamknij:hover {border-color:#70b907;color:#529206;}
.pf-powrot {display:inline-block;margin-top:16px;font-size:13px;color:#0073e9;}

@media screen and (max-width: 620px) {
    .pf {padding:18px 12px 24px;}
    .pf-karta {padding:20px 16px 22px;}
    .pf-pole {grid-template-columns:minmax(0, 1fr);gap:5px;}
    .pf-pole > label, .pf-etykieta {padding-top:0px;text-align:left;}
    .pf-naglowek h1 {font-size:20px;}
    .pf-ikona {width:44px;height:44px;}
}

/* ---------------------------------------------------------------- profil sprzedającego (profil.html) */
div#list.profil .profil-karta {display:flex;flex-wrap:wrap;gap:24px 30px;margin:0px 10px 18px;padding:26px 28px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;box-sizing:border-box;}
div#list.profil .profil-dane {flex:1 1 320px;min-width:0;}
div#list.profil .profil-osoba {display:flex;align-items:center;gap:18px;margin:0px 0px 20px;}
div#list.profil .profil-avatar {flex:0 0 auto;width:96px;height:96px;object-fit:cover;border-radius:50%;border:3px solid #f3f9e9;box-shadow:0px 0px 0px 1px #dedcd9;}
div#list.profil .profil-nazwa {margin:0px 0px 2px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:26px;color:#391c04;}
div#list.profil .profil-staz {margin:0px 0px 10px;font-size:13px;color:#96886d;}
div#list.profil .profil-odznaki {display:flex;flex-wrap:wrap;gap:8px;margin:0px;padding:0px;list-style:none;}
div#list.profil .profil-odznaki li {padding:4px 10px;font-size:12px;color:#726b66;background-color:#f7f7f5;border:1px solid #ebeae8;border-radius:12px;}
div#list.profil .profil-odznaki strong {color:#529206;}
div#list.profil .profil-kontakt {display:grid;grid-template-columns:auto minmax(0, 1fr);gap:9px 20px;margin:0px 0px 22px;font-size:14px;}
div#list.profil .profil-kontakt dt {color:#96886d;}
div#list.profil .profil-kontakt dd {margin:0px;color:#391c04;}
div#list.profil .profil-telefon {font-weight:bold;letter-spacing:0.5px;font-variant-numeric:tabular-nums;}
div#list.profil .profil-telefon a {color:#391c04;text-decoration:none;}
div#list.profil .profil-pokaz {margin-left:8px;padding:2px 10px;font-family:inherit;font-size:12px;color:#ffffff;background-color:#f26500;border:0;border-radius:10px;cursor:pointer;}
div#list.profil .profil-pokaz:hover {background-color:#d55800;}
div#list.profil .profil-akcje {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;}
div#list.profil .profil-polec {font-size:14px;color:#0073e9;}
div#list.profil .profil-mapa {flex:1 1 380px;min-height:280px;border-radius:8px;background-color:#ebeae8;overflow:hidden;z-index:0;}

div#list.profil .profil-zakladki {position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:4px;margin:0px 10px 18px;padding:6px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
div#list.profil .profil-zakladki a {padding:8px 16px;font-size:14px;font-weight:bold;color:#594e38;text-decoration:none;border-radius:6px;}
div#list.profil .profil-zakladki a:hover, div#list.profil .profil-zakladki a.aktywna {color:#391c04;background-color:#f3f9e9;}
div#list.profil .profil-zakladki a span {display:inline-block;min-width:18px;margin-left:4px;padding:0px 5px;font-size:11px;line-height:18px;text-align:center;color:#ffffff;background-color:#70b907;border-radius:9px;}

div#list.profil .profil-sekcje {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:18px;margin:0px 10px 26px;}
div#list.profil .profil-sekcja {box-sizing:border-box;padding:22px 26px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;scroll-margin-top:70px;}
div#list.profil .profil-sekcja h3 {margin:0px 0px 10px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:18px;color:#391c04;}
div#list.profil .profil-sekcja p, div#list.profil .profil-sekcja ul {margin:0px;font-size:14px;line-height:1.7;color:#726b66;}
div#list.profil .profil-sekcja ul {padding-left:18px;}
div#list.profil .profil-sekcja li::marker {color:#70b907;}
div#list.profil .profil-naglowek-listy {margin:0px 10px 12px;font-family:'Tahoma', 'Verdana', 'Arial', sans-serif;font-size:20px;color:#391c04;scroll-margin-top:70px;}
div#list.profil .profil-naglowek-listy span {font-weight:normal;color:#96886d;}
div#list.profil .profil-pusta a {color:#b3b1ad !important;}
div#list.profil .profil-szukaj fieldset label {display:block;margin-bottom:6px;font-weight:bold;color:#391c04;}
div#list.profil .profil-szukaj input#profil-zawiera {width:100%;box-sizing:border-box;}
div#list.profil .profil-kontakt-dol {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:20px 10px 10px;background-color:#f3f9e9;border-color:#dcebc6;}
div#list.profil .profil-kontakt-dol h3 {margin-bottom:4px;}
div#list.profil a:focus-visible, div#list.profil button:focus-visible {outline:2px solid #529206;outline-offset:2px;}
@media screen and (max-width: 800px) {
    div#list.profil .profil-karta {margin:0px 0px 14px;padding:18px 16px;}
    div#list.profil .profil-zakladki, div#list.profil .profil-sekcje, div#list.profil .profil-naglowek-listy {margin-left:0px;margin-right:0px;}
    div#list.profil .profil-kontakt-dol {margin:16px 0px 8px;}
    div#list.profil .profil-mapa {min-height:220px;}
    div#list.profil .profil-nazwa {font-size:22px;}
    div#list.profil .profil-zakladki {overflow-x:auto;flex-wrap:nowrap;}
    div#list.profil .profil-zakladki a {white-space:nowrap;padding:8px 12px;}
}
/* profil - uzupelnienia do html/profil.html: brak opisu, wybrana kategoria, wyczysc filtry, brak ogloszen */
div#list.profil .profil-pusto {font-style:italic;color:#96886d;}
div#list.profil .category_list li.profil-wybrana a {font-weight:bold;color:#529206 !important;}
div#list.profil .profil-wyczysc {display:block;margin-top:10px;font-size:13px;color:#0073e9;text-align:center;}
div#list.profil .profil-brak {padding:30px 26px;font-size:14px;color:#726b66;background-color:#ffffff;}
div#list.profil .profil-brak a {color:#0073e9;}

/* ---------------------------------------------------------------- edycja ogloszenia: kod albo logowanie (loginEdit.jsp, wg html/edycja-ogloszenia.html) */
div#list.edycja {padding-bottom:50px;}
div#list.edycja header div.right a.ed-pomoc-btn {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:58px;height:48px;font:bold 26px 'Verdana', 'Arial', sans-serif;color:#70b907;text-decoration:none;background-color:#f7f7f5;border:1px solid #b3b1ad;border-radius:5px;box-shadow:inset 0px -15px 15px -15px rgba(219,219,219,0.45);vertical-align:middle;transition:background-color 0.2s, color 0.2s;}
div#list.edycja header div.right a.ed-pomoc-btn:hover {color:#ffffff;background-color:#70b907;border-color:#529206;}
.ed-intro {max-width:72ch;margin:0px 0px 20px;padding:0px 10px;font-size:15px;line-height:1.6;color:#726b66;}
.ed-sposoby {display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:stretch;gap:0px 24px;padding:0px 10px;}
.ed-sposob {display:flex;flex-direction:column;box-sizing:border-box;padding:26px 28px 28px;background-color:#ffffff;border:1px solid #ebeae8;border-radius:10px;}
.ed-sposob-naglowek {display:flex;align-items:flex-start;gap:16px;margin:0px 0px 22px;}
.ed-nr {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;font:bold 24px 'Verdana', 'Arial', sans-serif;color:#ffffff;background-color:#70b907;border-radius:50%;}
.ed-nr:before {content:"#";font-size:15px;margin-right:1px;opacity:0.85;}
.ed-sposob-naglowek h3 {margin:2px 0px 6px;font:bold 20px 'Verdana', 'Arial', sans-serif;letter-spacing:-0.5px;color:#391c04;}
.ed-sposob-naglowek p {margin:0px;font-size:14px;line-height:1.55;color:#726b66;}
.ed-form {display:flex;flex-direction:column;flex:1;}
.pf-pole.pf-pole-stos {grid-template-columns:minmax(0, 1fr);gap:6px;}
.pf-pole.pf-pole-stos > label {text-align:left;padding-top:0px;}
.ed-form .styled_input {width:100%;max-width:none;height:38px;font-size:15px;}
.ed-form .ed-kod {font-family:Consolas, 'Courier New', monospace;letter-spacing:1px;text-transform:uppercase;}
.ed-form .ed-kod::placeholder {font-family:'Arial', sans-serif;letter-spacing:0px;text-transform:none;}
.ed-akcje {display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:auto;padding-top:8px;}
.ed-usun {padding:10px 22px;font:15px 'Arial', sans-serif;color:#c0261c;background:#ffffff;border:1px solid #e2b3ae;border-radius:22px;cursor:pointer;}
.ed-usun:hover {color:#ffffff;background-color:#c0261c;border-color:#c0261c;}
.ed-zaloguj {cursor:pointer;font-family:inherit;font-size:16px;}
.ed-link, .ed-form a {color:#0073e9;font-size:14px;}
.ed-rejestracja {margin:16px 0px 0px;padding-top:14px;border-top:1px solid #ebeae8;font-size:13px;line-height:1.55;color:#96886d;}
.ed-gotowe {padding:14px 16px;font-size:14px;color:#529206;background-color:#f3f9e9;border-radius:6px;}
.ed-gotowe[hidden] {display:none;}
.ed-gotowe p {margin:0px;}
.ed-lub {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ed-lub:before, .ed-lub:after {content:"";flex:1;width:1px;background-color:#dedcd9;}
.ed-lub span {padding:10px 0px;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:#96886d;}
.ed-sposob button:focus-visible, .ed-sposob a:focus-visible, div#list.edycja header a:focus-visible {outline:2px solid #529206;outline-offset:2px;}
@media screen and (max-width: 860px) {
    .ed-sposoby {grid-template-columns:minmax(0, 1fr);gap:0px;}
    .ed-lub {flex-direction:row;padding:4px 0px;}
    .ed-lub:before, .ed-lub:after {width:auto;height:1px;}
    .ed-lub span {padding:10px 14px;}
}
@media screen and (max-width: 640px) {
    .ed-sposoby, .ed-intro {padding:0px;}
    .ed-sposob {padding:20px 16px 22px;}
    .ed-nr {width:44px;height:44px;font-size:20px;}
}

/* ---------------------------------------------------------------- szczegóły ogłoszenia (szczegoly.html) */
#ogl {--og-ramka:#ebeae8;--og-braz:#391c04;--og-tekst:#594e38;--og-szary:#96886d;--og-ziel:#70b907;--og-ziel-c:#529206;--og-pom:#f26500;padding:0px 10px 40px;font-family:'Arial', sans-serif;color:var(--og-tekst);}
#ogl *, #ogl *:before, #ogl *:after {box-sizing:border-box;}
#ogl h3 {margin:0px 0px 16px;font:bold 18px 'Verdana', 'Arial', sans-serif;letter-spacing:-0.4px;color:var(--og-braz);}
#ogl a {color:#0073e9;}
#ogl button {font-family:inherit;}
#ogl :focus-visible {outline:2px solid var(--og-ziel-c);outline-offset:2px;}

/* nagłówek */
#ogl .og-naglowek {display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding:24px 0px 22px;}
#ogl .og-tytul {flex:1 1 520px;min-width:0;}
#ogl .og-tytul ul.tree {list-style-type:none;padding:0px;margin:0px 0px 12px;font-size:13px;}
#ogl .og-tytul ul.tree li {display:inline-block;padding-right:18px;margin-right:7px;background:url(../img/tree_arrow.png) no-repeat right 50%;}
#ogl .og-tytul ul.tree li:last-child {padding-right:0px;margin-right:0px;background:none;}
#ogl .og-tytul ul.tree li a {color:#0073e9;text-decoration:none;}
#ogl .og-tytul ul.tree li a:hover {text-decoration:underline;}
#ogl .og-etykiety {display:flex;flex-wrap:wrap;gap:6px;margin:0px 0px 8px;}
#ogl .og-etykieta {display:inline-block;padding:3px 10px;font-size:11px;font-weight:bold;letter-spacing:0.6px;text-transform:uppercase;border-radius:12px;}
#ogl .og-etykieta-pilne {color:#ffffff;background-color:#e3212c;}
#ogl .og-etykieta-wyroznione {color:#ffffff;background-color:var(--og-pom);}
#ogl .og-etykieta-typ {color:var(--og-ziel-c);background-color:#f3f9e9;border:1px solid #cfe6ad;}
#ogl .og-tytul h2 {margin:0px 0px 10px;font:bold 30px/1.2 'Verdana', 'Arial', sans-serif;letter-spacing:-0.8px;color:var(--og-braz);text-wrap:balance;}
#ogl .og-meta {display:flex;flex-wrap:wrap;gap:6px 20px;margin:0px;padding:0px;list-style:none;font-size:13px;color:var(--og-szary);}
#ogl .og-meta li {display:inline-flex;align-items:center;gap:6px;}
#ogl .og-ik {display:inline-block;width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex:0 0 auto;}
#ogl .og-ik-pin {--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");}
#ogl .og-ik-zegar {--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 10.6 3.5 2.1-1 1.6L11 13.4V7h2Z'/%3E%3C/svg%3E");}
#ogl .og-ik-oko {--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 9.2 1.5 12c1.2 2.8 5 7 10.5 7s9.3-4.2 10.5-7C21.3 9.2 17.5 5 12 5Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z'/%3E%3C/svg%3E");}
#ogl .og-ik-tel {--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.6 3.6a1 1 0 0 1-.25 1Z'/%3E%3C/svg%3E");width:18px;height:18px;color:var(--og-ziel);}
#ogl .og-akcje-gora {display:flex;gap:10px;}
#ogl .og-ikona-btn {display:inline-flex;align-items:center;gap:8px;height:44px;padding:0px 16px;font-size:14px;font-weight:bold;color:var(--og-tekst);background:#ffffff;border:1px solid #dedcd9;border-radius:22px;cursor:pointer;transition:border-color .15s, color .15s, background-color .15s;}
#ogl .og-ikona-btn svg {width:20px;height:20px;fill:currentColor;stroke:currentColor;}
#ogl .og-ikona-btn:hover {border-color:var(--og-ziel);color:var(--og-ziel-c);}
#ogl .og-ulubione svg {fill:none;stroke-width:2;}
#ogl .og-ulubione.og-wlaczone {color:#e3212c;border-color:#f3c1c4;background-color:#fff5f5;}
#ogl .og-ulubione.og-wlaczone svg {fill:currentColor;}
#ogl .og-udostepnij {position:relative;}
#ogl .og-menu {position:absolute;right:0px;top:calc(100% + 8px);z-index:20;min-width:240px;margin:0px;padding:6px;list-style:none;background:#ffffff;border:1px solid var(--og-ramka);border-radius:10px;box-shadow:0px 10px 30px rgba(57,28,4,0.14);}
#ogl .og-menu[hidden] {display:none;}
#ogl .og-menu a, #ogl .og-menu button {display:block;width:100%;padding:10px 12px;font-size:14px;text-align:left;color:var(--og-braz);text-decoration:none;background:none;border:0;border-radius:6px;cursor:pointer;}
#ogl .og-menu a:hover, #ogl .og-menu button:hover {background-color:#f7f7f5;color:var(--og-ziel-c);}

/* układ */
#ogl .og-uklad {display:grid;grid-template-columns:minmax(0, 1fr) 360px;gap:24px;align-items:start;}
#ogl .og-glowna {display:flex;flex-direction:column;gap:20px;min-width:0;}
#ogl .og-bok {display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;}
#ogl .og-karta-blok {padding:24px 26px;background-color:#ffffff;border:1px solid var(--og-ramka);border-radius:12px;}

/* galeria */
#ogl .og-galeria {padding:0px;overflow:hidden;}
#ogl .og-scena {position:relative;background-color:#f2f1ef;aspect-ratio:4 / 3;max-height:560px;width:100%;}
#ogl .og-slajdy {margin:0px;padding:0px;list-style:none;position:absolute;inset:0;}
#ogl .og-slajd {position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s;}
#ogl .og-slajd.og-aktywny {opacity:1;visibility:visible;}
#ogl .og-slajd a {display:block;width:100%;height:100%;cursor:zoom-in;}
#ogl .og-slajd img {display:block;width:100%;height:100%;object-fit:contain;}
#ogl .og-strzalka {position:absolute;top:50%;z-index:2;width:46px;height:46px;margin-top:-23px;font-size:34px;line-height:40px;color:var(--og-braz);background:rgba(255,255,255,0.88);border:0;border-radius:50%;box-shadow:0px 2px 10px rgba(0,0,0,0.2);cursor:pointer;opacity:0;transition:opacity .2s, background-color .2s;}
#ogl .og-scena:hover .og-strzalka, #ogl .og-strzalka:focus-visible {opacity:1;}
#ogl .og-strzalka:hover {background:#ffffff;color:var(--og-ziel-c);}
#ogl .og-poprzednie {left:14px;}
#ogl .og-nastepne {right:14px;}
#ogl .og-licznik {position:absolute;left:14px;bottom:14px;z-index:2;padding:4px 12px;font-size:13px;font-weight:bold;color:#ffffff;background:rgba(43,40,36,0.72);border-radius:14px;}
#ogl .og-pelny {position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#ffffff;background:rgba(43,40,36,0.72);border:0;border-radius:50%;cursor:pointer;}
#ogl .og-pelny svg {width:20px;height:20px;stroke:currentColor;}
#ogl .og-pelny:hover {background:var(--og-ziel-c);}
#ogl .og-wstazka {position:absolute;top:16px;left:-34px;z-index:2;width:140px;padding:5px 0px;font-size:12px;font-weight:bold;letter-spacing:1px;text-align:center;text-transform:uppercase;color:#ffffff;background-color:#e3212c;transform:rotate(-45deg);box-shadow:0px 2px 6px rgba(0,0,0,0.25);}
#ogl .og-miniatury {display:flex;gap:10px;margin:0px;padding:12px;list-style:none;overflow-x:auto;scrollbar-width:thin;}
#ogl .og-miniatury li {flex:0 0 auto;}
#ogl .og-miniatura {display:block;padding:0px;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;opacity:0.65;transition:opacity .15s, border-color .15s;overflow:hidden;}
#ogl .og-miniatura img {display:block;width:92px;height:68px;object-fit:cover;}
#ogl .og-miniatura:hover {opacity:1;}
#ogl .og-miniatura.og-aktywny {opacity:1;border-color:var(--og-ziel);}

/* parametry i opis */
#ogl .og-parametry {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0px 28px;margin:0px;}
#ogl .og-parametry div {display:flex;justify-content:space-between;gap:16px;padding:11px 0px;border-bottom:1px solid #f0efed;}
#ogl .og-parametry dt {font-size:14px;color:var(--og-szary);}
#ogl .og-parametry dd {margin:0px;font-size:14px;font-weight:bold;text-align:right;color:var(--og-braz);}
#ogl .og-podtytul {margin:0px 0px 4px;font-size:12px;font-weight:bold;letter-spacing:0.8px;text-transform:uppercase;color:var(--og-szary);}
#ogl .og-info {margin-bottom:22px;}
#ogl .og-info dd a.og-ogloszeniodawca {color:var(--og-braz);text-decoration:none;border-bottom:1px dotted var(--og-szary);}
#ogl .og-info dd a.og-ogloszeniodawca:hover {color:var(--og-ziel-c);border-bottom-color:var(--og-ziel-c);}
#ogl .og-zwieksz {font-weight:normal;font-size:13px;color:var(--og-pom) !important;text-decoration:none;white-space:nowrap;}
#ogl .og-zwieksz:hover {text-decoration:underline;}
#ogl .og-opis-tresc {font-size:15px;line-height:1.75;color:var(--og-tekst);max-width:75ch;}
#ogl .og-opis-tresc p {margin:0px 0px 14px;}
#ogl .og-opis-tresc.og-zwiniety {max-height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%, transparent);mask-image:linear-gradient(#000 65%, transparent);}
#ogl .og-rozwin {margin-top:6px;padding:0px;font-size:14px;font-weight:bold;color:#0073e9;background:none;border:0;cursor:pointer;}
#ogl .og-stopka-ogloszenia {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:0px 4px;}
#ogl .og-powrot {font-size:14px;font-weight:bold;text-decoration:none;}
#ogl .og-stopka-akcje {display:flex;flex-wrap:wrap;gap:8px 20px;}
#ogl .og-link-btn {display:inline-flex;align-items:center;gap:7px;padding:6px 0px;font-size:14px;color:var(--og-szary);background:none;border:0;cursor:pointer;}
#ogl .og-link-btn svg {width:18px;height:18px;stroke:currentColor;}
#ogl .og-link-btn:hover {color:var(--og-braz);}
#ogl .og-zglos-btn:hover, #ogl .og-zglos-btn[aria-expanded="true"] {color:#c0261c;}

/* zgłoszenie */
#ogl .og-zglos {border-color:#f3c9c5;background-color:#fffafa;}
#ogl .og-zglos[hidden] {display:none;}
#ogl .og-zglos-opis {margin:-8px 0px 16px;font-size:14px;color:var(--og-tekst);}
#ogl .og-zglos .styled_select, #ogl .og-zglos .styled_select select {width:100%;max-width:380px;}
#ogl .og-zglos textarea {display:block;width:100%;max-width:560px;height:auto;min-height:76px;line-height:1.5;resize:vertical;font-family:inherit;font-size:14px;}
#ogl .og-opcjonalne {font-weight:normal;color:var(--og-szary);}
#ogl .og-zglos-akcje {display:flex;align-items:center;gap:18px;}
#ogl .og-zglos-wyslij {padding:10px 24px;font-size:15px;font-weight:bold;color:#ffffff;background-color:#c0261c;border:0;border-radius:22px;cursor:pointer;}
#ogl .og-zglos-wyslij:hover {background-color:#a01d15;}
#ogl .og-zglos-gotowe {padding:14px 16px;font-size:14px;color:var(--og-ziel-c);background-color:#f3f9e9;border-radius:8px;}
#ogl .og-zglos-gotowe[hidden] {display:none;}
#ogl .og-zglos-gotowe p {margin:0px;}

/* kolumna boczna */
#ogl .og-cena-karta {border-top:4px solid var(--og-ziel);}
#ogl .og-cena {margin:0px;font:bold 34px/1.1 'Verdana', 'Arial', sans-serif;letter-spacing:-1px;color:var(--og-braz);}
#ogl .og-cena-dopisek {margin:4px 0px 18px;font-size:14px;font-weight:bold;color:var(--og-ziel-c);}
#ogl .og-telefon {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0px 0px 14px;padding:12px 14px;background-color:#f7f7f5;border-radius:10px;}
#ogl .og-telefon-nr {font-size:17px;font-weight:bold;letter-spacing:0.5px;color:var(--og-braz);}
#ogl .og-telefon-nr a {color:var(--og-braz);text-decoration:none;}
#ogl .og-pokaz-nr {margin-left:auto;padding:6px 14px;font-size:13px;font-weight:bold;color:#ffffff;background-color:var(--og-pom);border:0;border-radius:16px;cursor:pointer;}
#ogl .og-pokaz-nr:hover {background-color:#d95a00;}
#ogl .og-btn, .og-pasek-mobilny .og-btn {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0px 18px;font-size:16px;font-weight:bold;text-decoration:none;border-radius:24px;transition:background-color .15s, border-color .15s;}
#ogl .og-btn svg {width:20px;height:20px;stroke:currentColor;fill:none;}
#ogl .og-btn[hidden] {display:none;}
#ogl .og-btn + .og-btn {margin-top:10px;}
#ogl .og-btn-glowny, .og-pasek-mobilny .og-btn-glowny {color:#ffffff !important;background-color:var(--og-ziel, #70b907);border:1px solid #529206;}
#ogl .og-btn-glowny:hover {background-color:var(--og-ziel-c);}
#ogl .og-btn-poboczny, .og-pasek-mobilny .og-btn-poboczny {color:#529206 !important;background-color:#ffffff;border:1px solid #70b907;}
#ogl .og-btn-poboczny svg {fill:currentColor;stroke:none;}
#ogl .og-btn-poboczny:hover {background-color:#f3f9e9;}
#ogl .og-sprzedawca-gora {display:flex;align-items:center;gap:14px;margin:0px 0px 14px;}
#ogl .og-sprzedawca-gora img {width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #f3f9e9;}
#ogl .og-sprzedawca h3 {margin:0px 0px 2px;font-size:17px;}
#ogl .og-sprzedawca h3 a {color:var(--og-braz);text-decoration:none;}
#ogl .og-sprzedawca h3 a:hover {color:var(--og-ziel-c);}
#ogl .og-sprzedawca-gora p {margin:0px;font-size:13px;color:var(--og-szary);}
#ogl .og-sprzedawca-gora .og-zweryfikowany {margin-top:3px;font-weight:bold;color:var(--og-ziel-c);}
#ogl .og-sprzedawca-linki {margin:0px;padding:12px 0px 0px;list-style:none;border-top:1px solid #f0efed;}
#ogl .og-sprzedawca-linki li {margin:0px;}
#ogl .og-sprzedawca-linki a {display:block;padding:7px 0px;font-size:14px;text-decoration:none;}
#ogl .og-sprzedawca-linki a:hover {text-decoration:underline;}
#ogl .og-sprzedawca-linki span {color:var(--og-szary);}
#ogl .og-lokalizacja h3 {margin-bottom:6px;}
#ogl .og-adres {margin:0px 0px 12px;font-size:14px;font-weight:bold;color:var(--og-braz);}
#ogl .og-mapa {height:200px;border-radius:10px;background-color:var(--og-ramka);overflow:hidden;z-index:0;}
#ogl .og-mapa-info {margin:8px 0px 10px;font-size:12px;line-height:1.5;color:var(--og-szary);}
#ogl .og-nawiguj {font-size:14px;font-weight:bold;text-decoration:none;}
#ogl .og-bezpieczenstwo {background-color:#f7f7f5;}
#ogl .og-bezpieczenstwo h3 {font-size:15px;margin-bottom:10px;}
#ogl .og-bezpieczenstwo ul {margin:0px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--og-tekst);}
#ogl .og-bezpieczenstwo li {margin-bottom:6px;}
#ogl .og-bezpieczenstwo li::marker {color:var(--og-ziel);}

/* podobne */
#ogl .og-podobne {margin-top:34px;}
#ogl .og-podobne-naglowek {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:0px 0px 14px;}
#ogl .og-podobne-naglowek h3 {margin:0px;font-size:20px;}
#ogl .og-podobne-naglowek a {font-size:14px;font-weight:bold;text-decoration:none;}
#ogl .og-podobne-lista {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;margin:0px;padding:0px;list-style:none;}
#ogl .og-karta {display:flex;flex-direction:column;height:100%;padding-bottom:14px;text-decoration:none;background:#ffffff;border:1px solid var(--og-ramka);border-radius:12px;overflow:hidden;transition:box-shadow .2s, transform .2s;}
#ogl .og-karta:hover {box-shadow:0px 8px 24px rgba(57,28,4,0.12);transform:translateY(-2px);}
#ogl .og-karta img {display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;margin-bottom:12px;}
#ogl .og-karta-tytul {padding:0px 14px;font-size:14px;line-height:1.35;font-weight:bold;color:#0073e9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#ogl .og-karta-cena {padding:6px 14px 0px;font-size:17px;font-weight:bold;color:var(--og-braz);}
#ogl .og-karta-meta {padding:4px 14px 0px;font-size:12px;color:var(--og-szary);}

/* pasek kontaktu na telefonie */
.og-pasek-mobilny {display:none;}

@media screen and (max-width: 1000px) {
    #ogl .og-uklad {grid-template-columns:minmax(0, 1fr) 320px;}
    #ogl .og-podobne-lista {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width: 800px) {
    #ogl {padding:0px 12px 90px;}
    #ogl .og-uklad {grid-template-columns:minmax(0, 1fr);}
    #ogl .og-bok {position:static;}
    #ogl .og-tytul h2 {font-size:23px;}
    #ogl .og-strzalka {opacity:1;width:40px;height:40px;margin-top:-20px;font-size:30px;line-height:34px;}
    #ogl .og-karta-blok {padding:20px 16px;}
    #ogl .og-galeria {padding:0px;}
    #ogl .og-parametry {grid-template-columns:minmax(0, 1fr);}
    #ogl .og-ikona-btn-tekst {display:none;}
    #ogl .og-ikona-btn {width:44px;padding:0px;justify-content:center;}
    #ogl .og-naglowek {padding-top:16px;}
    .og-pasek-mobilny {display:flex;align-items:center;gap:10px;position:fixed;left:0px;right:0px;bottom:0px;z-index:9000;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffff;border-top:1px solid #ebeae8;box-shadow:0px -6px 20px rgba(57,28,4,0.1);}
    .og-pasek-mobilny .og-pasek-cena {flex:0 0 auto;margin-right:auto;font:bold 19px 'Verdana', 'Arial', sans-serif;color:#391c04;}
    .og-pasek-mobilny .og-btn {width:auto;min-height:44px;padding:0px 20px;font-size:15px;}
}
@media screen and (max-width: 480px) {
    #ogl .og-podobne-lista {grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
    #ogl .og-karta-tytul, #ogl .og-karta-cena, #ogl .og-karta-meta {padding-left:10px;padding-right:10px;}
}
@media (prefers-reduced-motion: reduce) {
    #ogl .og-slajd, #ogl .og-karta, #ogl .og-strzalka {transition:none;}
}
@media print {
    body:has(#ogl) nav#top, body:has(#ogl) header.main, body:has(#ogl) .map-form, body:has(#ogl) nav#bottom, body:has(#ogl) footer.main,
    body:has(#ogl) .section, .og-pasek-mobilny, #ogl .og-akcje-gora, #ogl .og-strzalka, #ogl .og-pelny, #ogl .og-miniatury, #ogl .og-stopka-ogloszenia,
    #ogl .og-zglos, #ogl .og-podobne, #ogl .og-bezpieczenstwo, #ogl .og-mapa, #ogl .og-mapa-info, #ogl .og-nawiguj, #ogl .og-btn, #ogl .og-pokaz-nr, #ogl .og-sprzedawca-linki, #ogl .og-rozwin {display:none !important;}
    #ogl .og-uklad {display:block;}
    #ogl .og-karta-blok {border:0;padding:0px 0px 14px;}
    #ogl .og-scena {aspect-ratio:auto;height:auto;max-height:none;background:none;}
    #ogl .og-slajdy, #ogl .og-slajd.og-aktywny {position:static;}
    #ogl .og-slajd:not(.og-aktywny) {display:none;}
    #ogl .og-slajd img {max-height:9cm;width:auto;}
    #ogl .og-opis-tresc.og-zwiniety {max-height:none;-webkit-mask-image:none;mask-image:none;}
}
/* szczegóły ogłoszenia w aplikacji (anonseInfo.jsp): galeria Splide w karcie, ulubione (z:likeHeart), menu udostępniania
   (js/share.js), formularz zgłoszenia (js/szczegoly.js), karta bez zdjęć */
#ogl .og-scena .gallery-main {width:100%;height:100%;background:none;border-radius:0;}
#ogl .og-scena .gallery-main .splide__track, #ogl .og-scena .gallery-main .splide__list {height:100%;}
#ogl .og-scena .gallery-main .splide__slide {height:100%;}
#ogl .og-scena .gallery-main .splide__slide a {display:block;width:100%;height:100%;cursor:zoom-in;}
#ogl .og-scena .gallery-main .splide__slide img {display:block;width:100%;height:100%;object-fit:contain;}
#ogl .og-scena .gallery-main .splide__arrow {width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.88);box-shadow:0px 2px 10px rgba(0,0,0,0.2);opacity:0;transition:opacity .2s, background-color .2s;}
#ogl .og-scena .gallery-main .splide__arrow svg {fill:var(--og-braz);}
#ogl .og-scena .gallery-main .splide__arrow--prev {left:14px;}
#ogl .og-scena .gallery-main .splide__arrow--next {right:14px;}
#ogl .og-scena:hover .gallery-main .splide__arrow, #ogl .og-scena .gallery-main .splide__arrow:focus-visible {opacity:1;}
#ogl .og-scena .gallery-main .splide__arrow:hover {background:#ffffff;}
#ogl .og-scena .gallery-main .splide__arrow:hover svg {fill:var(--og-ziel-c);}
#ogl .og-galeria .og-miniatury {display:block;width:auto;margin:0px;padding:12px;}
#ogl .og-galeria .og-miniatury .splide__slide {border-radius:8px;}
#ogl .og-galeria .og-miniatury .splide__arrow {display:none;}
#ogl .og-bez-zdjec {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:16 / 7;background-color:#ffffff;}
#ogl .og-bez-zdjec img {max-width:220px;height:auto;opacity:0.7;}
#ogl .og-popros {font-size:14px;font-weight:bold;text-decoration:none;}
#ogl .og-ulubione .like-heart {width:44px;height:44px;padding:0px;background:#ffffff;border:1px solid #dedcd9;box-shadow:none;}
#ogl .og-ulubione .like-heart:hover {border-color:var(--og-ziel);}
#ogl .og-ulubione .like-heart svg {width:22px;height:22px;}
#ogl .og-udostepnij .og-menu i {width:22px;margin-right:8px;text-align:center;color:var(--og-szary);}
#ogl .og-udostepnij .og-menu a:hover i, #ogl .og-udostepnij .og-menu button:hover i {color:var(--og-ziel-c);}
#ogl .og-telefon-brak {font-size:14px;color:var(--og-tekst);}
#ogl .og-telefon-nr b {font-weight:bold;}
#ogl .og-status-nieaktywne {color:#c0261c !important;}
#ogl .og-aktywacja {display:flex;align-items:center;gap:16px;margin:0px 0px 18px;padding:14px 16px;font-size:14px;line-height:1.6;background-color:#fff8e6;border:1px solid #f9d9b3;border-radius:8px;}
#ogl .og-aktywacja p {margin:0px;}
#ogl .og-pole {margin:0px 0px 14px;}
#ogl .og-pole > label {display:block;margin:0px 0px 6px;font-size:14px;font-weight:bold;color:var(--og-braz);}
#ogl .og-pole abbr {color:#c0261c;text-decoration:none;}
#ogl .og-zglos .styled_select {height:38px;}
#ogl .og-zglos .styled_select select {height:38px;}
#ogl .og-pole label.og-zgoda {display:flex;align-items:center;gap:8px;font-weight:normal;color:var(--og-tekst);cursor:pointer;}
#ogl .og-zgoda input {width:18px;height:18px;margin:0px;accent-color:var(--og-ziel);}
#ogl .og-blad {margin:6px 0px 0px;font-size:13px;font-weight:bold;color:#c0261c;}
#ogl .og-blad[hidden] {display:none;}
#ogl .og-pole-blad select, #ogl .og-pole-blad textarea {border-color:#c0261c;}
@media screen and (max-width: 800px) {
    #ogl .og-scena .gallery-main .splide__arrow {opacity:1;width:40px;height:40px;}
    body:has(#ogl) #cookie_policy {bottom:70px;}
}
#ogl .og-udostepnij {margin-left:0px;}
#ogl .og-udostepnij .share_button {display:inline-flex;width:auto;height:44px;padding:0px 16px;font-size:14px;color:var(--og-tekst);background:#ffffff;border:1px solid #dedcd9;border-radius:22px;box-shadow:none;}
#ogl .og-udostepnij .share_button:hover, #ogl .og-udostepnij .share_button[aria-expanded="true"] {color:var(--og-ziel-c);background:#ffffff;border-color:var(--og-ziel);}
#ogl .og-udostepnij .share_button svg {flex:none;}
#ogl .og-opis-tresc {overflow-wrap:anywhere;}
@media screen and (max-width: 800px) {
    #ogl .og-udostepnij .share_button {width:44px;padding:0px;justify-content:center;}
}
/* podgląd przed dodaniem (anonseAddPreview.jsp) w wyglądzie strony ogłoszenia */
#ogl .og-btn.og-nieaktywny {opacity:0.55;cursor:not-allowed;}
#ogl .og-bez-zdjec-info {margin:0px;padding:0px 16px;font-size:14px;text-align:center;color:var(--og-szary);}
/* wstążka pilne / wyróżnione na zdjęciu strony ogłoszenia i podglądu – te same obrazki co na listach */
#ogl .og-etykietka {position:absolute;top:0px;left:0px;z-index:3;width:95px;height:95px;background:no-repeat 0px 0px;pointer-events:none;}
#ogl .og-etykietka-pilne {background-image:url(../img/etykietka_pilne.png);}
#ogl .og-etykietka-wyroznione {background-image:url(../img/etykietka_wyroznione.png);}
#ogl .og-etykietka-pilnewyroznione {background-image:url(../img/etykietka_pilnewyroznione.png);}
#ogl .og-etykieta-glowna {color:#ffffff;background-color:var(--og-ziel-c);}

/* ---------------------------------------------------------------- listy ogłoszeń (lista.html, moje-ogloszenia.html, panel-klienta.html) */
.ol {--ol-ramka:#ebeae8;--ol-braz:#391c04;--ol-tekst:#594e38;--ol-szary:#96886d;--ol-ziel:#70b907;--ol-ziel-c:#529206;--ol-pom:#f26500;font-family:'Arial', sans-serif;color:var(--ol-tekst);}
.ol *, .ol *:before, .ol *:after {box-sizing:border-box;}
.ol h3 {margin:0px 0px 14px;font:bold 17px 'Verdana', 'Arial', sans-serif;letter-spacing:-0.4px;color:var(--ol-braz);}
.ol a {color:#0073e9;}
.ol button {font-family:inherit;}
.ol :focus-visible {outline:2px solid var(--ol-ziel-c);outline-offset:2px;}
.ol [hidden] {display:none !important;}
.ol-ik {display:inline-flex;width:14px;height:14px;flex:0 0 auto;}
.ol-ik svg {width:100%;height:100%;fill:currentColor;}
.ol-ukryte {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.ol-licznik {display:inline-block;min-width:22px;padding:1px 7px;font-size:11px;font-weight:bold;line-height:16px;text-align:center;color:var(--ol-szary);background-color:#f2f1ef;border-radius:10px;}
.ol-select {height:38px;padding:0px 30px 0px 12px;font:14px 'Arial', sans-serif;color:var(--ol-braz);background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2396886d' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 11px center/11px;border:1px solid #dedcd9;border-radius:8px;-webkit-appearance:none;appearance:none;cursor:pointer;}
.ol-select:hover {border-color:#b3b1ad;}
.ol-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0px 20px;font-size:15px;font-weight:bold;text-decoration:none;border:1px solid transparent;border-radius:22px;cursor:pointer;transition:background-color .15s, border-color .15s, color .15s;}
.ol-btn-glowny {color:#ffffff !important;background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-btn-glowny:hover {background-color:var(--ol-ziel-c);}
.ol-btn-pom {color:#ffffff !important;background-color:var(--ol-pom);}
.ol-btn-pom:hover {background-color:#d95a00;}
.ol-btn-obrys {color:var(--ol-braz) !important;background:#ffffff;border-color:#dedcd9;}
.ol-btn-obrys:hover {border-color:var(--ol-ziel);color:var(--ol-ziel-c) !important;}
.ol-btn-maly {min-height:38px;padding:0px 16px;font-size:14px;color:#ffffff;background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-btn-maly:disabled {color:#b3b1ad;background-color:#f2f1ef;border-color:#e4e2df;cursor:not-allowed;}
.ol-btn-duzy {min-height:50px;padding:0px 28px;font-size:16px;}
.ol-karta-blok {display:block;padding:20px 22px;background-color:#ffffff;border:1px solid var(--ol-ramka);border-radius:12px;}

/* nagłówek listy publicznej */
.ol-publiczna {padding:0px 10px 40px;}
.ol-naglowek {display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;padding:24px 0px 22px;}
.ol-okruszki {list-style:none;margin:0px 0px 10px;padding:0px;font-size:13px;}
.ol-okruszki li {display:inline-block;padding-right:18px;margin-right:7px;background:url(../img/tree_arrow.png) no-repeat right 50%;}
.ol-okruszki li:last-child {padding-right:0px;margin-right:0px;background:none;}
.ol-okruszki a {text-decoration:none;}
.ol-okruszki a:hover {text-decoration:underline;}
.ol-naglowek h2 {margin:0px;font:bold 28px/1.2 'Verdana', 'Arial', sans-serif;letter-spacing:-0.8px;color:var(--ol-braz);}
.ol-h-licznik {font-size:18px;font-weight:normal;color:var(--ol-szary);letter-spacing:0px;}
.ol-powiadom {display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 10px;text-decoration:none;background:#ffffff;border:1px solid #dedcd9;border-radius:30px;transition:border-color .15s;}
.ol-powiadom svg {width:36px;height:36px;padding:8px;fill:#ffffff;background-color:var(--ol-ziel);border-radius:50%;}
.ol-powiadom span {display:flex;flex-direction:column;font-size:12px;line-height:1.3;color:var(--ol-szary);}
.ol-powiadom strong {font-size:15px;color:var(--ol-braz);}
.ol-powiadom:hover {border-color:var(--ol-ziel);}

/* układ */
.ol-uklad {display:grid;grid-template-columns:270px minmax(0, 1fr);gap:24px;align-items:start;}
.ol-bok-tresc {display:flex;flex-direction:column;gap:16px;}
.ol-pokaz-filtry {display:none;}
.ol-glowna {min-width:0;}

/* kategorie */
.ol-kategorie h3 {display:flex;align-items:center;justify-content:space-between;}
.ol-podkategorie {list-style:none;margin:0px -10px;padding:0px;}
.ol-podkategorie a {display:flex;align-items:center;gap:10px;padding:5px 10px;font-size:14px;color:var(--ol-braz);text-decoration:none;border-radius:8px;}
.ol-podkategorie a:hover {background-color:#f7f7f5;color:var(--ol-ziel-c);}
.ol-podkategorie a.ol-kat-aktywna {font-weight:bold;background-color:#f3f9e9;color:var(--ol-ziel-c);}
.ol-podkategorie .ikona-kategorii {width:30px;height:26px;flex:0 0 auto;}
.ol-kat-nazwa {flex:1;min-width:0;}
.ol-inne-kategorie {margin-top:12px;padding-top:12px;border-top:1px solid #f0efed;}
.ol-inne-kategorie summary {font-size:14px;font-weight:bold;color:var(--ol-tekst);cursor:pointer;list-style-position:inside;}
.ol-inne-kategorie ul {list-style:none;margin:8px 0px 0px;padding:0px;}
.ol-inne-kategorie a {display:flex;justify-content:space-between;gap:8px;padding:4px 0px;font-size:13px;color:var(--ol-tekst);text-decoration:none;}
.ol-inne-kategorie a:hover {color:var(--ol-ziel-c);}

/* filtry */
.ol-filtry-form {display:flex;flex-direction:column;gap:14px;}
.ol-pole {display:flex;flex-direction:column;gap:6px;margin:0px;padding:0px;border:0;min-width:0;}
.ol-pole > span, .ol-pole legend {font-size:13px;font-weight:bold;color:var(--ol-braz);}
.ol-filtry .styled_input {width:100%;height:38px;font-size:14px;border-radius:8px;}
.ol-filtry .ol-select {width:100%;}
.ol-zakres {display:flex;align-items:center;gap:8px;}
.ol-zakres span {color:var(--ol-szary);}
.ol-segment {flex-direction:row;flex-wrap:wrap;gap:0px;padding:3px;background-color:#f2f1ef;border-radius:10px;}
.ol-segment legend {width:100%;margin-bottom:6px;padding:0px;float:left;}
.ol-segment label {flex:1;}
.ol-segment input {position:absolute;opacity:0;pointer-events:none;}
.ol-segment span {display:block;padding:7px 4px;font-size:13px;text-align:center;color:var(--ol-tekst);border-radius:8px;cursor:pointer;}
.ol-segment input:checked + span {font-weight:bold;color:var(--ol-braz);background:#ffffff;box-shadow:0px 1px 3px rgba(57,28,4,0.15);}
.ol-segment input:focus-visible + span {outline:2px solid var(--ol-ziel-c);}
.ol-check {display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ol-braz);cursor:pointer;}
.ol-check input {width:18px;height:18px;accent-color:var(--ol-ziel);}
.ol-filtry-akcje {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ol-filtry-akcje .ol-btn {flex:1;}
.ol-wyczysc {font-size:13px;}

/* promo */
.ol-promo {display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:var(--ol-tekst) !important;}
.ol-promo:hover {border-color:#dedcd9;box-shadow:0px 6px 18px rgba(57,28,4,0.08);}
.ol-promo img {width:100%;height:auto;border-radius:8px;border:1px solid var(--ol-ramka);}
.ol-promo strong {font:bold 15px 'Verdana', 'Arial', sans-serif;color:var(--ol-braz);}
.ol-promo > span:not(.ol-btn):not(.ol-promo-mapa-obraz) {font-size:13px;line-height:1.5;}
.ol-promo .ol-btn {min-height:36px;font-size:14px;margin-top:4px;}
.ol-promo-mapa-obraz {position:relative;display:block;width:100%;height:110px;border-radius:8px;background:
    linear-gradient(115deg, transparent 46%, #f3d9a6 46%, #f3d9a6 53%, transparent 53%),
    linear-gradient(20deg, transparent 58%, #ffffff 58%, #ffffff 62%, transparent 62%),
    linear-gradient(90deg, transparent 30%, #ffffff 30%, #ffffff 33%, transparent 33%),
    linear-gradient(0deg, transparent 40%, #bfe0f2 40%, #bfe0f2 47%, transparent 47%),
    #e7f0dc;}
.ol-pinezka {position:absolute;width:20px;height:20px;background-color:var(--ol-ziel);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0px 2px 4px rgba(0,0,0,0.2);}
.ol-pinezka:after {content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;background:#ffffff;border-radius:50%;}
.ol-p1 {left:28%;top:40%;background-color:var(--ol-pom);}
.ol-p2 {left:62%;top:52%;}
.ol-p3 {left:44%;top:18%;}
.ol-cenka {position:absolute;left:58%;top:14%;padding:2px 7px;font-size:11px;font-weight:bold;color:#ffffff;background:var(--ol-braz);border-radius:4px;}

/* pasek nad listą */
.ol-pasek {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0px 0px 14px;}
.ol-wynikow {margin:0px;font-size:15px;color:var(--ol-braz);}
.ol-wynikow span {color:var(--ol-szary);font-size:13px;}
.ol-pasek-prawy {display:flex;align-items:center;gap:12px;}
.ol-sortuj {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ol-szary);}
.ol-widok {display:flex;padding:3px;background:#ffffff;border:1px solid #dedcd9;border-radius:10px;}
.ol-widok-btn {display:flex;align-items:center;justify-content:center;width:34px;height:30px;color:var(--ol-szary);background:none;border:0;border-radius:7px;cursor:pointer;}
.ol-widok-btn svg {width:18px;height:18px;fill:currentColor;}
.ol-widok-btn.ol-aktywny {color:#ffffff;background-color:var(--ol-ziel);}

/* wiersz ogłoszenia */
.ol-lista {list-style:none;margin:0px;padding:0px;display:flex;flex-direction:column;gap:12px;}
.ol-wiersz {position:relative;display:grid;grid-template-columns:200px minmax(0, 1fr) auto;gap:18px;align-items:stretch;margin:0px;padding:14px;background-color:#ffffff;border:1px solid var(--ol-ramka);border-radius:12px;transition:box-shadow .2s, border-color .2s;}
.ol-wiersz:hover {border-color:#dedcd9;box-shadow:0px 8px 22px rgba(57,28,4,0.09);}
.ol-wiersz.ol-wyroznione {background-color:#fffbf0;border-color:#f6e3b8;}
.ol-zdjecie {position:relative;display:block;width:200px;aspect-ratio:4 / 3;border-radius:9px;overflow:hidden;background-color:#f2f1ef;}
.ol-zdjecie img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.ol-wiersz:hover .ol-zdjecie img {transform:scale(1.04);}
.ol-brak-zdjecia {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;font-size:12px;color:#c0bdb8;}
.ol-brak-zdjecia svg {width:44px;height:44px;fill:#d6d3ce;}
.ol-zdjec {position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:bold;color:#ffffff;background:rgba(43,40,36,0.72);border-radius:10px;}
.ol-etykiety {position:absolute;left:8px;top:8px;right:8px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none;}
.ol-etykieta {padding:2px 8px;font-size:10px;font-weight:bold;letter-spacing:0.6px;text-transform:uppercase;color:#ffffff;border-radius:10px;box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.ol-etykieta-pilne {background-color:#e3212c;}
.ol-etykieta-wyroznione {background-color:var(--ol-pom);}
.ol-tresc {display:flex;flex-direction:column;min-width:0;padding:4px 0px;}
.ol-tytul {margin:0px 0px 6px !important;font:bold 17px/1.35 'Arial', sans-serif !important;letter-spacing:0px !important;}
.ol-tytul a {color:#0073e9;text-decoration:none;}
.ol-tytul a:after {content:"";position:absolute;inset:0;border-radius:12px;}   /* cały wiersz klikalny */
.ol-tytul a:hover {text-decoration:underline;}
.ol-opis {margin:0px 0px 10px;font-size:13px;line-height:1.55;color:var(--ol-tekst);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ol-meta {display:flex;flex-wrap:wrap;gap:4px 16px;margin:auto 0px 0px;font-size:12px;color:var(--ol-szary);}
.ol-meta > span {display:inline-flex;align-items:center;gap:5px;}
.ol-strona {position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:130px;padding:4px 6px 4px 0px;text-align:right;}
.ol-cena {margin:0px;font:bold 21px/1.2 'Verdana', 'Arial', sans-serif;letter-spacing:-0.5px;color:var(--ol-braz);white-space:nowrap;}
.ol-typ {margin:4px 0px 0px;font-size:12px;font-weight:bold;}
.ol-typ-oferuje {color:var(--ol-ziel-c);}
.ol-typ-poszukuje {color:var(--ol-pom);}
.ol-typ-darmo {color:#0073e9;}
.ol-serce {position:absolute;top:0px;right:0px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--ol-szary);background:#ffffff;border:1px solid #e4e2df;border-radius:50%;cursor:pointer;transition:color .15s, border-color .15s;}
.ol-serce svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;}
.ol-serce:hover {color:var(--ol-ziel-c);border-color:#cfe6ad;}
.ol-serce.ol-wlaczone {color:var(--ol-ziel);border-color:#cfe6ad;background:#f3f9e9;}
.ol-serce.ol-wlaczone svg {fill:currentColor;}

/* kafelki */
.ol-lista.ol-lista-kafle {display:grid;grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));gap:14px;}
.ol-lista-kafle .ol-wiersz {grid-template-columns:minmax(0, 1fr);gap:10px;padding:10px 10px 14px;}
.ol-lista-kafle .ol-zdjecie {width:100%;}
.ol-lista-kafle .ol-opis {display:none;}
.ol-lista-kafle .ol-tresc {padding:0px 4px;}
.ol-lista-kafle .ol-tytul {font-size:15px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ol-lista-kafle .ol-strona {flex-direction:row;align-items:baseline;justify-content:flex-start;gap:8px;min-width:0;padding:0px 4px;text-align:left;}
.ol-lista-kafle .ol-cena {font-size:18px;}
.ol-lista-kafle .ol-strona {position:static;}
.ol-lista-kafle .ol-serce {top:18px;right:18px;background:rgba(255,255,255,0.92);}
.ol-lista-kafle .ol-zdjec {display:none;}

/* pusta kategoria */
.ol-pusto {display:flex;flex-direction:column;align-items:center;gap:12px;padding:42px 24px 34px;text-align:center;background:#ffffff;border:1px solid var(--ol-ramka);border-radius:12px;}
.ol-pusto-ikona {display:flex;align-items:center;justify-content:center;width:96px;height:96px;background-color:#f3f9e9;border-radius:50%;}
.ol-pusto-ikona .ikona-kategorii {width:54px;height:46px;}
.ol-pusto h3 {margin:8px 0px 0px;font-size:21px;}
.ol-pusto p {max-width:52ch;margin:0px 0px 6px;font-size:15px;line-height:1.6;}
.ol-pusto-linki {display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;list-style:none;margin:14px 0px 0px;padding:18px 0px 0px;border-top:1px solid #f0efed;width:100%;}
.ol-pusto-linki a {display:inline-flex;align-items:center;gap:8px;font-size:14px;text-decoration:none;}
.ol-pusto-linki svg {width:18px;height:18px;fill:var(--ol-ziel);}
.ol-pusto-maly {padding:30px 20px;}
.ol-pusto-maly h3 {font-size:17px;margin:0px;}

/* paginacja */
.ol-paginacja {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;}
.ol-paginacja ul {display:flex;gap:6px;list-style:none;margin:0px;padding:0px;}
.ol-strona-nr {display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0px 10px;font-size:14px;font-weight:bold;color:var(--ol-braz) !important;text-decoration:none;background:#ffffff;border:1px solid #dedcd9;border-radius:10px;}
a.ol-strona-nr:hover {border-color:var(--ol-ziel);color:var(--ol-ziel-c) !important;}
.ol-strona-nr.ol-aktywna {color:#ffffff !important;background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-strona-nr.ol-wylaczona {color:#d0cdc8 !important;}
.ol-na-stronie {display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ol-szary);}

/* panel */
.ol-panel {background:#ffffff;border:1px solid var(--ol-ramka);border-radius:3px;}
.ol-panel-tresc {padding:20px 22px 24px;}
.ol-zakladki {display:flex;flex-wrap:wrap;gap:8px;margin:0px 0px 10px;}
.ol-zakladka {display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;color:var(--ol-tekst);background:#ffffff;border:1px solid #dedcd9;border-radius:20px;cursor:pointer;}
.ol-zakladka:hover {border-color:var(--ol-ziel);}
.ol-zakladka.ol-aktywna {font-weight:bold;color:#ffffff;background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-zakladka.ol-aktywna .ol-licznik {color:var(--ol-ziel-c);background:#ffffff;}
.ol-zakladka-opis {min-height:20px;margin:0px 0px 14px;font-size:13px;line-height:1.5;color:var(--ol-szary);}
.ol-narzedzia {display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0px 0px 14px;padding:10px 12px;background-color:#f7f7f5;border-radius:10px;}
.ol-zaznacz {display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ol-braz);cursor:pointer;}
.ol-zaznacz input {position:absolute;opacity:0;width:1px;height:1px;}
.ol-zaznacz > span {position:relative;display:inline-block;width:20px;height:20px;background:#ffffff;border:2px solid #c9c6c1;border-radius:5px;flex:0 0 auto;}
.ol-zaznacz input:checked + span {background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-zaznacz input:checked + span:after {content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.ol-zaznacz input:indeterminate + span {background-color:var(--ol-ziel);border-color:var(--ol-ziel-c);}
.ol-zaznacz input:indeterminate + span:after {content:"";position:absolute;left:3px;top:7px;width:10px;height:2px;background:#ffffff;}
.ol-zaznacz input:focus-visible + span {outline:2px solid var(--ol-ziel-c);outline-offset:2px;}
.ol-zaznaczono {font-size:13px;color:var(--ol-szary);}
.ol-szukaj {margin-left:auto;flex:0 1 240px;}
.ol-szukaj .styled_input {width:100%;height:38px;font-size:14px;border-radius:8px;}
.ol-lista-panel .ol-wiersz-panel {grid-template-columns:auto 170px minmax(0, 1fr) auto;}
.ol-lista-panel .ol-wiersz-panel.ol-bez-chk {grid-template-columns:170px minmax(0, 1fr) auto;}
.ol-wiersz-panel .ol-zaznacz {align-self:center;position:relative;z-index:2;padding:6px;}
.ol-wiersz-panel .ol-zdjecie {width:170px;}
.ol-wiersz-panel.ol-zaznaczony {border-color:var(--ol-ziel);box-shadow:0px 0px 0px 2px rgba(112,185,7,0.18);}
.ol-status {display:inline-flex;align-items:center;gap:6px;margin:0px 0px 4px;font-size:11px;font-weight:bold;letter-spacing:0.5px;text-transform:uppercase;}
.ol-status:before {content:"";width:8px;height:8px;border-radius:50%;background-color:currentColor;}
.ol-status-aktywne {color:var(--ol-ziel-c);}
.ol-status-nieaktywne {color:var(--ol-pom);}
.ol-status-wygasle {color:var(--ol-szary);}
.ol-status-zablokowane {color:#c0261c;}
.ol-wiersz-panel .ol-meta {margin:0px 0px 10px;}
.ol-waznosc {display:flex;align-items:center;gap:10px;margin:0px 0px 12px;font-size:12px;color:var(--ol-szary);}
.ol-waznosc-pasek {position:relative;width:110px;height:6px;background:#f0efed;border-radius:3px;overflow:hidden;}
.ol-waznosc-pasek span {position:absolute;left:0px;top:0px;bottom:0px;background-color:var(--ol-ziel);border-radius:3px;}
.ol-czas-malo {color:var(--ol-pom);font-weight:bold;}
.ol-czas-koniec {color:#c0261c;font-weight:bold;}
.ol-akcje {position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:auto;}
.ol-akcja {display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:var(--ol-tekst) !important;text-decoration:none;background:#ffffff;border:1px solid #e4e2df;border-radius:16px;cursor:pointer;}
.ol-akcja .ol-ik {width:13px;height:13px;}
.ol-akcja:hover {border-color:#b3b1ad;color:var(--ol-braz) !important;}
.ol-akcja-wyroznij {color:#c95300 !important;border-color:#f6d2b3;}
.ol-akcja-wyroznij:hover {background:#fff4ec;border-color:var(--ol-pom);}
.ol-akcja-aktywuj {color:var(--ol-ziel-c) !important;border-color:#cfe6ad;background:#f6fbef;}
.ol-akcja-aktywuj:hover {border-color:var(--ol-ziel);}
.ol-akcja-usun:hover {color:#c0261c !important;border-color:#f3c9c5;background:#fffafa;}
.ol-statystyki {display:flex;gap:12px;margin:10px 0px 0px;font-size:13px;color:var(--ol-szary);}
.ol-statystyki span {display:inline-flex;align-items:center;gap:5px;}
.ol-komunikat {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0px 0px;padding:12px 16px;font-size:14px;color:var(--ol-ziel-c);background-color:#f3f9e9;border-radius:8px;}
.ol-cofnij {padding:0px;font-size:14px;font-weight:bold;color:#0073e9;background:none;border:0;cursor:pointer;text-decoration:underline;}
.ol-panel-start {border:0;padding:20px 22px 24px;}
.ol-kafle-stat {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;list-style:none;margin:0px 0px 18px;padding:0px;}
.ol-kafle-stat li {display:flex;flex-direction:column;gap:2px;padding:14px 16px;background-color:#f7f7f5;border-radius:10px;}
.ol-kafle-stat strong {font:bold 24px 'Verdana', 'Arial', sans-serif;color:var(--ol-braz);}
.ol-kafle-stat span {font-size:12px;line-height:1.4;color:var(--ol-szary);}
.ol-kafle-stat .ol-kafel-uwaga {background-color:#fff4ec;}
.ol-kafle-stat .ol-kafel-uwaga strong {color:var(--ol-pom);}
.ol-wiecej {display:flex;justify-content:center;margin-top:16px;}
body #main.panel .ol-lista li {list-style:none;}

@media screen and (max-width: 1000px) {
    .ol-uklad {grid-template-columns:230px minmax(0, 1fr);}
    .ol-wiersz {grid-template-columns:150px minmax(0, 1fr) auto;}
    .ol-zdjecie {width:150px;}
    .ol-lista-panel .ol-wiersz-panel {grid-template-columns:auto 130px minmax(0, 1fr) auto;}
    .ol-lista-panel .ol-wiersz-panel.ol-bez-chk {grid-template-columns:130px minmax(0, 1fr) auto;}
    .ol-wiersz-panel .ol-zdjecie {width:130px;}
    .ol-kafle-stat {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width: 800px) {
    .ol-publiczna {padding:0px 12px 30px;}
    .ol-naglowek h2 {font-size:22px;}
    .ol-uklad {grid-template-columns:minmax(0, 1fr);gap:14px;}
    .ol-pokaz-filtry {display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;font-size:15px;font-weight:bold;color:var(--ol-braz);background:#ffffff;border:1px solid #dedcd9;border-radius:22px;cursor:pointer;}
    .ol-pokaz-filtry:after {content:"";width:8px;height:8px;margin-left:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);}
    .ol-pokaz-filtry[aria-expanded="true"]:after {transform:rotate(-135deg);}
    .ol-bok-tresc {display:none;margin-top:12px;}
    .ol-bok-tresc.ol-otwarte {display:flex;}
    .ol-promo {display:none;}
    .ol-narzedzia .ol-szukaj {margin-left:0px;flex:1 1 100%;}
    .ol-kafle-stat {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media screen and (max-width: 560px) {
    .ol-wiersz {grid-template-columns:110px minmax(0, 1fr);gap:12px;padding:10px;}
    .ol-zdjecie {width:110px;}
    .ol-strona {grid-column:2;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:8px;min-width:0;padding:0px;text-align:left;}
    .ol-cena {font-size:17px;}
    .ol-serce {top:auto;bottom:-2px;width:32px;height:32px;}
    .ol-opis {display:none;}
    .ol-tytul {font-size:15px !important;}
    .ol-etykieta {font-size:9px;padding:1px 6px;}
    .ol-lista-panel .ol-wiersz-panel {grid-template-columns:auto 90px minmax(0, 1fr);}
    .ol-wiersz-panel .ol-zdjecie {width:90px;}
    .ol-wiersz-panel .ol-strona {grid-column:3;}
    .ol-lista-panel .ol-wiersz-panel.ol-bez-chk {grid-template-columns:90px minmax(0, 1fr);}
    .ol-wiersz-panel.ol-bez-chk .ol-strona {grid-column:2;}
    .ol-strona .ol-statystyki {margin:0px 0px 0px auto;}
    body #main.panel .invoice {overflow-x:auto;}
    .ol-lista.ol-lista-kafle {grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
    .ol-lista-kafle .ol-wiersz {grid-template-columns:minmax(0, 1fr);}
    .ol-lista-kafle .ol-strona {grid-column:1;}
    .ol-lista-kafle .ol-zdjecie {width:100%;}
    .ol-pasek-prawy .ol-sortuj span, .ol-sortuj {font-size:0;}
    .ol-paginacja {justify-content:center;}
    .ol-panel-tresc, .ol-panel-start {padding:16px 12px 20px;}
}
@media (prefers-reduced-motion: reduce) {
    .ol-wiersz, .ol-zdjecie img {transition:none;}
}

/* listy – wstążki „Pilne / Wyróżnione” jak w dotychczasowym serwisie */
.ol-wstazka {position:absolute;left:0px;top:0px;z-index:1;width:95px;height:95px;background:0px 0px/contain no-repeat;pointer-events:none;}
.ol-wstazka-p {background-image:url(../img/etykietka_pilne.png);}
.ol-wstazka-w {background-image:url(../img/etykietka_wyroznione.png);}
.ol-wstazka-pw {background-image:url(../img/etykietka_pilnewyroznione.png);}
.ol-wiersz-panel .ol-wstazka {width:84px;height:84px;}
.ol-lista-kafle .ol-wstazka {width:84px;height:84px;}

/* listy – filtry w okienku lupki (telefon) */
.map-form.ol-arkusz {padding:0px;align-items:stretch;border-radius:16px 16px 0px 0px;box-shadow:0px -10px 30px rgba(43,40,36,0.25);}
.ol-arkusz-form {display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0px auto;padding:18px 16px calc(20px + env(safe-area-inset-bottom));}
.ol-arkusz-naglowek {display:flex;align-items:center;justify-content:space-between;}
.ol-arkusz-naglowek h2 {margin:0px;font:bold 19px 'Verdana', 'Arial', sans-serif;color:#391c04;}
.ol-arkusz-zamknij {width:38px;height:38px;font-size:26px;line-height:34px;color:#594e38;background:#f2f1ef;border:0;border-radius:50%;cursor:pointer;}
.ol-arkusz .styled_input, .ol-arkusz .ol-select {width:100%;height:42px;font-size:15px;border-radius:8px;}

@media screen and (max-width: 1000px) {
    .ol-wstazka {width:80px;height:80px;}
    .ol-wiersz-panel .ol-wstazka {width:72px;height:72px;}
}
@media screen and (max-width: 800px) {
    .ol-bok .ol-filtry {display:none;}
}
@media screen and (max-width: 560px) {
    .ol-wstazka, .ol-wiersz-panel .ol-wstazka {width:62px;height:62px;}
    .ol-publiczna .ol-lista:not(.ol-lista-kafle) .ol-strona {position:static;}
    .ol-publiczna .ol-lista:not(.ol-lista-kafle) .ol-serce {top:8px;right:8px;bottom:auto;}
    .ol-publiczna .ol-lista:not(.ol-lista-kafle) .ol-tytul {padding-right:34px;}
    .ol-lista-kafle .ol-serce {top:14px;right:14px;}
}
/* listy ogłoszeń w aplikacji (anonseView.jsp i in., WEB-INF/tags/olWiersz.tag): serduszko ulubionych (z:likeHeart)
   w miejscu .ol-serce z szablonu, panel „Powiadom mnie”, podkategorie 3. poziomu, przerwa w stronicowaniu */
.ol-serce-miejsce {position:absolute;top:0px;right:0px;z-index:2;}
.ol-serce-miejsce .like-heart {width:36px;height:36px;background:#ffffff;border:1px solid #e4e2df;box-shadow:none;}
.ol-serce-miejsce .like-heart svg {width:18px;height:18px;}
.ol-serce-miejsce .like-heart:hover {border-color:#cfe6ad;}
.ol-lista-kafle .ol-serce-miejsce {top:18px;right:18px;}
.ol-lista-kafle .ol-serce-miejsce .like-heart {background:rgba(255,255,255,0.92);}
.ol-strona .ol-cena {padding-top:30px;}
.ol-lista-kafle .ol-strona .ol-cena {padding-top:0px;}
.ol-powiadom-miejsce {position:relative;}
.ol-podkategorie-2 {margin:2px 0px 4px 14px !important;padding-left:8px !important;border-left:2px solid #f0efed;}
.ol-podkategorie-2 a {font-size:13px;}
.ol-strona-przerwa {display:flex;align-items:center;justify-content:center;min-width:24px;height:38px;color:var(--ol-szary);}
.ol-pusto-maly .ol-btn {margin-top:6px;}
@media screen and (max-width: 560px) {
    .ol-serce-miejsce {top:auto;bottom:-2px;}
    .ol-serce-miejsce .like-heart {width:32px;height:32px;}
    .ol-strona .ol-cena {padding-top:0px;}
}
.map-form .filtry-mobile fieldset > label.filtr-check {display:flex;align-items:center;gap:8px;font-size:15px;color:#391c04;cursor:pointer;}
.map-form .filtry-mobile .filtr-check input {width:18px;height:18px;margin:0;accent-color:#70b907;}
/* panel (manageAnonses.jsp, panel.jsp): formularz akcji zbiorczych w pasku narzędzi, wyszukiwarka, akcje-formularze,
   zakładki statusu jako linki */
.ol-narzedzia-form {display:contents;}
.ol-narzedzia form.ol-szukaj {margin:0px 0px 0px auto;padding:0px;border:0;background:none;}
.ol-narzedzia form.ol-szukaj label {display:block;}
.ol-akcja-form {display:inline;margin:0px;padding:0px;border:0;background:none;}
button.ol-akcja {font:inherit;font-size:13px;}
a.ol-zakladka {text-decoration:none;color:var(--ol-tekst);}
a.ol-zakladka.ol-aktywna {color:#ffffff;}
.ol-wiecej {display:flex;justify-content:center;margin-top:16px;}
.ol-wiersz-panel .ol-zaznacz:empty {width:32px;}
@media screen and (max-width: 560px) {
    .ol-narzedzia form.ol-szukaj {flex:1 1 100%;margin-left:0px;}
}
@media screen and (max-width: 560px) {
    .ol-wiersz-panel .ol-strona {flex-wrap:wrap;row-gap:2px;}
    .ol-wiersz-panel .ol-strona .ol-statystyki {flex-basis:100%;margin:0px;}
}
.ol-niedostepne {align-self:flex-start;margin:0px 0px 8px;padding:2px 10px;font-size:12px;font-weight:bold;color:#494848;background:#ebeae8;border-radius:10px;}
/* ulubione (liked.jsp): wiersz zastąpiony przez „Usunięto z ulubionych – Cofnij” */
.ol-wiersz.liked-undo {display:flex;align-items:center;justify-content:center;min-height:90px;background:#f7f7f5;}
.ol-wiersz.liked-undo .liked-undo-cell {margin:0px;font-size:14px;color:#494848;}
.ol-narzedzia form.ol-szukaj-admin {display:flex;align-items:center;gap:10px;flex:1 1 auto;margin:0px;}
.ol-narzedzia form.ol-szukaj-admin label {flex:1 1 auto;}
.ol-tytul, .ol-opis {overflow-wrap:anywhere;}