/* Public price lists: approved desktop table / mobile cards. */
.accordion.tabela,.seo-table-wrap{background:#fff;border:1px solid #e0e6ec;border-radius:15px;overflow:hidden;color:#152b45;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 50px 0px rgba(0,0,0,0.1)}
.tabela .accordion-title,.tabela .accordion-title:hover,.tabela .accordion-title:focus{padding:22px 48px 22px 22px;background:linear-gradient(100deg,#28486d,#152b45);color:#fff;border:0;text-align:left}
.tabela .accordion-item:not(.is-active)>.accordion-title{margin-bottom:0}
.tabela .accordion-title :is(h3,.price-table-title){margin:0;font-family:inherit;font-weight:700;font-size:16px;line-height:2.3;text-align:center}
.tabela .price-table-eyebrow{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase}
.tabela .accordion-title::before,.tabela .is-active>.accordion-title::before{color:#fff}
.tabela .accordion-content.cennik{padding:22px;border:0;background:#fff}
.tabela .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0;border:0;background:none;margin:0 0 40px}
.tabela .tabs::before,.tabela .tabs::after{display:none;content:none}
.tabela .tabs-title{width:100%!important;min-width:0;float:none}
.tabela .tabs-title>a{padding:14px 8px;border-radius:8px;background:#f5f7f9;color:#152b45;text-align:center;font-size:14px;transition:background-color .2s ease-in-out}
.tabela .tabs-title.is-active>a{background:#d1d6da;color:#162d48}
.tabela .tabs-title>a:hover{background:#dddee0}
.tabela .tabs-title.is-active>a:hover{background:#bcc1c4}
.tabela .tabs-content,.tabela .tabs-panel{border:0;padding:0;background:none}
.tabela .tabs-panel{max-height:65vh;overflow:auto}
:is(.tabela,.seo-table-wrap) table{width:100%;border-collapse:separate;border-spacing:0;margin:0;background:#fff;font-size:14px;color:#152b45}
:is(.tabela,.seo-table-wrap) table thead,:is(.tabela,.seo-table-wrap) table tbody{border:0!important;background:transparent}
:is(.tabela,.seo-table-wrap) table tr{display:table-row!important;background:transparent!important}
:is(.tabela,.seo-table-wrap) table th,:is(.tabela,.seo-table-wrap) table td{display:table-cell!important;min-width:0!important;padding:18px 10px!important;text-align:center!important;letter-spacing:normal!important;text-transform:none!important;border:0;line-height:1.4}
:is(.tabela,.seo-table-wrap) table thead th{border:0!important;border-color:transparent!important;background:#f5f7f9;font-size:14px;font-weight:400;cursor:pointer}
:is(.tabela,.seo-table-wrap) table th:last-child{cursor:default}
:is(.tabela,.seo-table-wrap) table th::before,:is(.tabela,.seo-table-wrap) table th::after,:is(.tabela,.seo-table-wrap) table td::before{display:none!important}
:is(.tabela,.seo-table-wrap) table th:first-child,:is(.tabela,.seo-table-wrap) table td:first-child{border-radius:10px 0 0 10px}
:is(.tabela,.seo-table-wrap) table th:last-child,:is(.tabela,.seo-table-wrap) table td:last-child{border-radius:0 10px 10px 0}
:is(.tabela,.seo-table-wrap) table tbody tr,:is(.tabela,.seo-table-wrap) table tbody :is(th,td){transition:background-color .2s ease-in-out!important}
:is(.tabela,.seo-table-wrap) table tbody td{background-color:transparent}
:is(.tabela,.seo-table-wrap) table tbody tr:hover>:is(th,td){background:#eff2f6}
:is(.tabela,.seo-table-wrap) table td:first-child,:is(.tabela,.seo-table-wrap) table .price-total{font-weight:700}
:is(.tabela,.seo-table-wrap) table td a{color:#152b45;text-decoration:none}
:is(.tabela,.seo-table-wrap) table td a:hover{text-decoration:underline}
.tabela .price-status{display:inline-block;padding:5px 8px;border-radius:7px;font-size:12px;line-height:1.4;color:#fff;background:#487f05}
.tabela .price-status.reserved{background:#d6a624;color:#152b45}
.tabela .price-status.sold{background:#cf1c1c}
:is(.tabela,.seo-table-wrap) .price-sort-icon{display:inline-block;width:10.5px;height:10.5px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
:is(.tabela,.seo-table-wrap) th[aria-sort=ascending] .down,:is(.tabela,.seo-table-wrap) th[aria-sort=descending] .up{display:none}
:is(.tabela,.seo-table-wrap) th[aria-sort=ascending],:is(.tabela,.seo-table-wrap) th[aria-sort=descending]{color:#b51e25!important}
.tabela .cennik>p{font-size:10px!important;text-align:center!important;margin:22px 0 0!important;line-height:1.5}
.tabela .cennik>p br{display:initial}
.tabela .price-mobile-sort{display:none}
@media(max-width:640px){
 .tabela .accordion-content.cennik{padding:14px}

 .tabela .tabs-title>a{font-size:12px;padding:12px 4px}
 .tabela .price-mobile-sort{display:flex;align-items:flex-end;gap:10px;margin:0 0 16px}
 .tabela .price-mobile-sort label{flex:1;min-width:0;color:#617387;font-size:12px}
 .tabela .price-select-wrap{position:relative;display:block;margin-top:6px}
 .tabela .price-mobile-sort select,.tabela .price-mobile-sort button{height:44px;box-sizing:border-box;border:1px solid #dfe6ed;border-radius:8px;background:#fff;color:#152b45;margin:0;font-family:inherit}
 .tabela .price-mobile-sort select{width:100%;padding:0 38px 0 12px;font-size:12px;appearance:none;background-image:none}
 .tabela .price-mobile-sort button{padding:0 12px;font-size:13px;white-space:nowrap}
 .tabela .price-select-wrap>.price-sort-icon{position:absolute;right:14px;top:16px;width:12px;height:12px;pointer-events:none}
 .tabela .price-select-wrap .up,.tabela button[data-direction=asc] .down,.tabela button[data-direction=desc] .up{display:none}
 .tabela table,.tabela table tbody{display:block;width:100%}
 .tabela table thead{display:none}
 .tabela table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0;margin-bottom:12px;padding:18px!important;box-sizing:border-box;border:1px solid #e0e6ec;border-radius:12px}
 .tabela table tbody tr:hover{background:#f8fafc!important}
 .tabela table tbody td{display:flex!important;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;background:transparent!important;padding:10px 0!important;border-radius:0!important;font-size:14px}
 .tabela table tbody td::before{display:block!important;content:attr(data-label);position:static!important;color:#617387;font-size:10px;text-align:left;font-weight:600!important}
 .tabela table tbody td:first-child{grid-column:1;grid-row:1;justify-content:flex-start;font-size:19px;border:0;padding-left:15px !important}
 .tabela table tbody td:first-child::before{display:none!important}
 .tabela table tbody td.price-status-cell{grid-column:2;grid-row:1;border:0;justify-content:flex-end}
 .tabela table tbody td.price-status-cell::before{display:none!important}
 .tabela table tbody td.price-total{grid-row:2;display:block!important;background:#f0f4f8!important;border-radius:9px!important;padding:12px!important;margin:8px 0;font-size:24px;text-align:left!important;border:0}
 .tabela table tbody td.price-total::before{margin-bottom:4px;font-weight:400}
}



@media(min-width:64em){

 .tabela table thead th{position:sticky!important;top:0;z-index:2}
}

@media(min-width:64em){
 .tabela .tabs-panel::-webkit-scrollbar{width:5px;height:5px}
 .tabela .tabs-panel::-webkit-scrollbar-track{background:transparent}
 .tabela .tabs-panel::-webkit-scrollbar-thumb{background:rgba(128,128,128,.5);border-radius:8px}
 .tabela .tabs-panel::-webkit-scrollbar-corner{background:transparent}
 @supports not selector(::-webkit-scrollbar){
  .tabela .tabs-panel{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent}
 }
}

@media(max-width:640px){
 .tabela table tbody td[data-label="POWIERZCHNIA"],
 .tabela table tbody td[data-label="CENA NETTO M²"],
 .tabela table tbody td[data-label="CENA NETTO"]{padding:5px 15px!important;font-weight:700};
}
@media(max-width:640px){
 .tabela table tbody td[data-label="POWIERZCHNIA"]::before,
 .tabela table tbody td[data-label="CENA NETTO M²"]::before,
 .tabela table tbody td[data-label="CENA NETTO"]::before{font-weight:400}
}
@media(max-width:640px){
 .tabela table tbody td[data-label="NUMER DZIAŁKI"]{padding-left:0!important;min-width:0}
 .tabela table tbody td[data-label="NUMER DZIAŁKI"] a{display:inline-block;max-width:100%;padding:12px 15px;border-radius:8px;background:#b51e25;color:#fff;font-size:10px;line-height:1.4;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}
 .tabela table tbody td[data-label="NUMER DZIAŁKI"] a::before{content:"Zobacz działkę "}

 .tabela table tbody td[data-label="NUMER DZIAŁKI"] a:hover{background:#a31b21;text-decoration:none}
 .tabela table tbody td[data-label="NUMER DZIAŁKI"] a:focus-visible{outline:2px solid #162d48;outline-offset:3px}
}
.tabela .accordion-title :is(h3,.price-table-title){color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
 .tabela .accordion-title::before{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:640px){
 .tabela table tbody td[data-label="CENA BRUTTO"].price-total,
 .tabela table tbody td[data-label="CENA BRUTTO"].price-total::before{text-align:center!important}
}
/* Comparison tables share the price-list surface; their columns remain unchanged. */
.seo-table-wrap{padding:0;max-height:65vh;overflow:auto}
.seo-table-wrap table{padding:22px}
.seo-table-wrap table tbody th{background:transparent;font-weight:700;border:0!important;border-color:transparent!important}
.seo-table-wrap table tbody th a{color:#152b45;text-decoration:none}
.seo-table-wrap table tbody th a:hover{text-decoration:underline}

.seo-table-wrap table thead th{position:sticky!important;top:0;z-index:2}
.seo-table-wrap table thead th:last-child{cursor:pointer}
.tabela .accordion-title,.seo-table-wrap table caption{background:linear-gradient(100deg,#28486d,#152b45);color:#fff}
.seo-table-wrap table caption{text-align:center;padding:22px;font-size:16px;line-height:2.3;-webkit-text-fill-color:#fff}
@media(max-width:640px){.seo-table-wrap table{padding:14px}}
/* Animate cell backgrounds only; suppress the legacy whole-row hover. */
.seo-table-wrap table tbody tr:hover{background:transparent!important}
@media(min-width:641px){
 .tabela table tbody tr:hover{background:transparent!important}
}
/* Public sales-process cards use the shared bottom accent. */
.process-section .process-card{overflow:visible}
.process-section .process-card::before{content:"";position:absolute;inset:auto auto 0 50%;width:50%;height:7px;border-radius:11px;background-color:#c02027;transform:translate(-50%,50%)}
.blob .red-bar,.blob2 .red-bar{width:50%;height:7px;border-radius:11px;background-color:#c02027}

.infobg .red-bar,.statsy .red-bar{width:25%!important}
