/* Mniejsze fonty w całej „tabeli” */
.pa {--gap: 12px;/* --radius: 10px; */--bg: #0b0b0b0a;--border: 1px solid #e7e7e7;font-size: 14px;font-family: 'Inter';}

/* Head (labels) */
.pa__head{
  display:flex;
  gap:var(--gap);
  padding:8px 12px;
  font-weight:600;
  border-bottom: var(--border);
  background: var(--e-global-color-accent);
  border-radius: var(--radius) var(--radius) 0 0;
  color: var(--e-global-color-secondary);
}
.pa__cell{ flex: 1 1 140px; }
.pa__cell--stage{ flex: 0 0 110px; }
.pa__cell--status{ flex: 0 0 150px; }
.pa__cell--details{ flex: 0 0 170px; }
.pa__cell--details a { font-size:14px!important; font-weight: 600!important; }

.pa__row{ border-bottom: var(--border); }
.pa__row:last-child{ border-radius: 0 0 var(--radius) var(--radius); }

.pa__rowMain{
  display:flex; gap:var(--gap); align-items:center; padding:10px 12px; background:var(--e-global-color-secondary);
}

:root {
    --wolny: #B4D996;
    --rezerwacja: #e1e1e1;
    --sprzedany:#E52321;
    --wprzygotowaniu:#858585;
}

.pa-badge{ font-weight:600; }
.pa-badge.is-wolny{ color:#0C5623; }           
.pa-badge.is-sprzedany{ color:var(--sprzedany); }       
.pa-badge.is-w-przygotowaniu{ color:var(--wprzygotowaniu); }  
.pa-badge.is-rezerwacja{ color:#07020D; }      

.pa-accordionLink {
  font-weight:600;
  color: var(--e-global-color-accent);
  text-decoration: none;
}
.pa-accordionLink:hover{ text-decoration: underline; }

/* Details (accordion) */
.pa__rowDetails[hidden]{ display:none !important; }
.pa__rowDetails{
  padding:12px 12px 16px; background:var(--e-global-color-secondary); border-top: var(--border);
  display:flex; flex-direction:column; gap:16px;
}

/* Gallery (first row) */
.pa__gallery{ display:flex; flex-wrap:wrap; gap:10px; }
.pa__galleryItem{
  width:160px; height:110px; display:block; overflow:hidden; border-radius:8px; border:1px solid #eee; background:var(--e-global-color-secondary);
}
.pa__galleryItem img{ width:100%; height:100%; object-fit:cover; display:block; }

.pa__downloadsTitle{margin: 1rem 0;font-size: 16px;font-weight:700;font-family: "Poppins";}

.pa__packages{ display:flex; flex-wrap:wrap; gap:12px; }
.pa__package{ min-width:220px; flex: 1 1 220px; padding:4px 0; } /* bez tła, bez borderów */
.pa__packageName{ font-weight:600; margin-bottom:6px; font-size:13px; }

.pa__packageList{ margin:0; padding-left:18px; font-size:13px; }
.pa__muted{ color:#777; }
.pa__empty{ color:#777; }

/* Responsive */
@media (max-width: 980px){
  .pa__cell--plot, .pa__cell--ppm { display:none; }
}
@media (max-width: 720px){
  .pa__head{ display:none; }
  .pa__rowMain{ flex-wrap:wrap; }
  .pa__cell{ flex: 1 1 48%; }
  .pa__cell--stage{ flex: 1 1 100px; }
  .pa__cell--address{ flex: 1 1 100%; order:3; }
  .pa__cell--details{ order:4; }
}

.pa__row.is-open .pa__rowMain{
  box-shadow: inset 3px 0 0 0 var(--e-global-color-accent);
  background: var(--e-global-color-secondary);
  position: relative;
}
.pa__row.is-open .pa__rowDetails{
  box-shadow: inset 3px 0 0 0 var(--e-global-color-accent);
}

.pa-accordionLink{
  position: relative;
  font-weight: 600;
  color: var(--e-global-color-accent);
  text-decoration: none;
  padding-right: 16px; 
}
.pa-accordionLink::after{
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-45%) rotate(0deg);
  transition: transform .18s ease;
  line-height: 1;
}
.pa__row.is-open .pa-accordionLink{ text-decoration: underline; }
.pa__row.is-open .pa-accordionLink::after{
  transform: translateY(-45%) rotate(180deg);
}

.pa__rowMain:hover{
  background: color-mix(in srgb, var(--e-global-color-secondary) 94%, #000 6%);
}

/* tiles */
.pa__tilesWrap {
    margin: 4rem 0;
}
.paTiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}
@media all and (max-width: 767px) {
    .paTiles {
        gap: 1rem;
    }
    .pa__tilesWrap {
      margin: 2rem 0;
  }
}

.paTile{
  --tile-accent: #999;
  --notch-y: 84%;
  --notch-x: 38%;  

  /* wygląd/krańce */
  position: relative;
  isolation: isolate;
  aspect-ratio: 5 / 3;
  min-height: 120px;
  width: 5.5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  color: white;
}

.paTile__hit{ 
    position:absolute; 
    inset:0; 
    border:0; 
    background:transparent; 
    cursor:pointer; 
}

.paTile::before{
  content:"";
  position:absolute;
  inset:0;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.04)) drop-shadow(0 6px 16px rgba(0,0,0,.04));
  clip-path: polygon(
    0% 0%, 100% 0%, 100% 100%, 
    var(--notch-x) 100%, var(--notch-x) var(--notch-y), 0% var(--notch-y)
  );
}

.paTile::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow: 0 0 0 1.5px var(--tile-border) inset;
  clip-path: polygon(
    0% 0%, 100% 0%, 100% 100%, 
    var(--notch-x) 100%, var(--notch-x) var(--notch-y), 0% var(--notch-y)
  );
  transition: transform .15s ease;
  cursor: pointer;
}

.paTile:hover::after { 
    transform: scale(1.1); 
}

.paTile.is-wolny:after {           background: var(--wolny); }
.paTile.is-sprzedany:after {       background: var(--sprzedany); }
.paTile.is-w-przygotowaniu:after { background: var(--wprzygotowaniu); }
.paTile.is-rezerwacja {             color:#07020D; }
.paTile.is-rezerwacja:after {      background: var(--rezerwacja); }

.paTile__stage {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 12px;
}
.paTile__address {
    font-size: 11px;
    text-align: center;
}
.paTile__address p {
  margin: 0!important;
  padding: 0!important;
  line-height: 14px;
}

.paTile-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
a.paTile__hit {
    background: transparent!important;
}

.pa__facts{ display:none; }

/* ===== MOBILE/TABLET ≤1024px ===== */
@media (max-width: 1024px){

  .pa__head--desktop{ display:none; }
  .pa__head--mobile{
    display:flex;
    gap:var(--gap);
    padding:8px 12px;
    font-weight:600;
    border-bottom: var(--border);
    background: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
  }

  .pa__cell--address,
  .pa__cell--status,
  .pa__cell--area,
  .pa__cell--plot,
  .pa__cell--ppm,
  .pa__cell--price { display:none; }

  .pa__rowMain{ flex-wrap: nowrap; }
  .pa__cell--stage  { flex: 1 1 auto; font-weight: 700; }
  .pa__cell--details{ flex: 0 0 150px; text-align: right; }

  .pa__row.is-wolny           .pa__cell--stage { color: var(--wolny); }
  .pa__row.is-sprzedany       .pa__cell--stage { color: var(--sprzedany); }
  .pa__row.is-w-przygotowaniu .pa__cell--stage { color: var(--wprzygotowaniu); }
  .pa__row.is-rezerwacja      .pa__cell--stage { color: #07020D; }

  .pa__facts{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: 10px;
    margin: 6px 0 12px;
  }
  .pa__fact{
    background: var(--e-global-color-secondary);
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 8px 10px;
  }
  .pa__fact span{
    display:block;
    font-size:12px;
    color:#666;
    margin-bottom:2px;
  }
  .pa__fact strong{
    font-size:14px;
    font-weight:700;
    word-break: break-word;
  }
  .pa__fact--address{ grid-column: 1 / -1; }
  .pa__fact--status{ grid-column: 1 / -1; }
  .pa__factStatus{ font-weight:700; } 
}

@media (max-width: 540px){
  .pa__facts{ grid-template-columns: 1fr; }
}
@media all and (min-width: 1025px) {
    .pa__head.pa__head--mobile {
        display: none;
    }
}

/* status tiles */
.statusTiles {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 4rem;
    font-size: 12px;
    flex-wrap: wrap;
}

.statusTiles .statusBox {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}

.statusBox .statusColor {
    width: 4rem;
    height: 2rem;
    border-radius: 6px;
    border: 1px solid #07020D;
}

.statusBox .statusColor.wprzygotowaniu {
    background-color: var(--wprzygotowaniu);
}
.statusBox .statusColor.wolny {
    background-color: var(--wolny);
}
.statusBox .statusColor.sprzedany {
    background-color: var(--sprzedany);

}
.statusBox .statusColor.rezerwacja {
    background-color: var(--rezerwacja);
}