:root{
--apt-bg:
radial-gradient(
circle at 50% 0%,
#0f172a 0%,
#0b1220 50%,
#020617 100%
);
--apt-glass: rgba(255,255,255,.08);
--apt-glass-strong: rgba(255,255,255,.14);
--apt-border: rgba(255,255,255,.18);
--apt-text: rgba(255,255,255,.92);
--apt-soft: rgba(255,255,255,.65);
--apt-gold:#c9a15a;
--apt-gold-light:#f5e2b3;
} .apt-list{
padding:110px 0 130px;
background:var(--apt-bg);
}
.apt-list-inner{
max-width:1240px;
margin:0 auto;
padding:0 40px;
} .apt-filters{
display:flex;
flex-wrap:wrap;
gap:30px 50px;
align-items:flex-end;
justify-content:space-between;
margin-bottom:60px;
padding:36px 44px;
border-radius:34px;
background:var(--apt-glass);
backdrop-filter:blur(24px) saturate(160%);
-webkit-backdrop-filter:blur(24px) saturate(160%);
border:1px solid var(--apt-border);
box-shadow:
0 30px 80px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.15);
}
.apt-filter{
display:flex;
flex-direction:column;
gap:8px;
}
.apt-filter label{
font-size:12px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--apt-soft);
} .apt-select{
min-width:160px;
height:46px;
padding:0 18px;
border-radius:999px;
border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.06);
color:#fff;
font-weight:700;
font-size:14px;
outline:none;
transition:.25s;
}
.apt-select:focus{
border-color:var(--apt-gold);
box-shadow:0 0 0 3px rgba(201,161,90,.3);
} .apt-checks{
display:flex;
gap:40px;
align-items:center;
padding-top:22px;
}
.apt-check{
display:flex;
align-items:center;
gap:10px;
font-weight:800;
font-size:14px;
letter-spacing:.08em;
color:#fff;
}
.apt-check input{
accent-color:var(--apt-gold);
width:18px;
height:18px;
} .apt-reset{
height:46px;
padding:0 28px;
border-radius:999px;
border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.06);
color:#fff;
font-weight:800;
letter-spacing:.12em;
cursor:pointer;
transition:.25s;
}
.apt-reset:hover{
background:rgba(255,255,255,.12);
} .apt-table-wrap{
overflow-x:auto;
}
.apt-table{
width:100%;
border-collapse:separate;
border-spacing:0 22px;
}
.apt-table thead th{
text-align:left;
font-size:12px;
letter-spacing:.24em;
text-transform:uppercase;
color:var(--apt-soft);
padding:0 20px 10px;
}  .apt-table tbody tr{
background:
linear-gradient(
180deg,
rgba(255,255,255,.10) 0%,
rgba(255,255,255,.06) 100%
);
border:1px solid rgba(255,255,255,.18);
border-radius:28px;
backdrop-filter: blur(24px) saturate(160%);
-webkit-backdrop-filter: blur(24px) saturate(160%);
box-shadow:
0 25px 70px rgba(0,0,0,.55);
transition:
transform .25s ease,
box-shadow .25s ease;
} .apt-table tbody tr{
background:
linear-gradient(
180deg,
rgba(255,255,255,.12),
rgba(255,255,255,.04)
),
linear-gradient(
135deg,
rgba(201,161,90,.08),
rgba(59,130,246,.06)
);
}
.apt-table tbody tr:hover{
transform:translateY(-6px);
box-shadow:
0 35px 90px rgba(0,0,0,.65),
0 0 60px rgba(201,161,90,.25);
} .apt-table td{
padding:26px 20px;
font-weight:700;
font-size:15px;
color:var(--apt-text);
vertical-align:middle;
}
.apt-cell-number{
font-weight:900;
font-size:20px;
color:#fff;
} .apt-outdoor-line{
display:block;
font-size:13px;
font-weight:700;
color:var(--apt-soft);
}
.apt-outdoor-line strong{
color:#fff;
font-weight:900;
} .apt-price{
font-weight:900;
font-size:18px;
background:linear-gradient(
120deg,
var(--apt-gold),
var(--apt-gold-light),
var(--apt-gold)
);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
} .apt-status{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
border-radius:999px;
font-size:12px;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.2);
}
.apt-status--reserved{
background:rgba(201,161,90,.18);
color:#f5d27a;
} .apt-cell-cta{
text-align:right;
}
.apt-cta{
display:inline-flex;
align-items:center;
justify-content:center;
height:44px;
padding:0 30px;
border-radius:999px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#111;
background:linear-gradient(
135deg,
var(--apt-gold),
var(--apt-gold-light)
);
text-decoration:none;
transition:.3s;
} @media (max-width:900px){
.apt-table,
.apt-table tbody,
.apt-table tr,
.apt-table td{
display:block;
width:100%;
}
} .apt-table{
border-collapse:separate;
border-spacing:0 22px;
}
.apt-table tbody tr{
position:relative;
overflow:hidden;
}
.apt-table tbody td:first-child{
border-top-left-radius:28px;
border-bottom-left-radius:28px;
}
.apt-table tbody td:last-child{
border-top-right-radius:28px;
border-bottom-right-radius:28px;
} .apt-cta{
position: relative;
overflow: hidden;
isolation: isolate;
z-index: 2;
} .apt-cta span{
position: relative;
z-index: 5;
} .apt-cta::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(
135deg,
rgba(255,255,255,.25),
rgba(255,255,255,.08)
);
transform: scale(0);
transform-origin: var(--mx,50%) var(--my,50%);
transition: transform 0.65s cubic-bezier(.2,.7,.1,1);
border-radius: inherit;
z-index:1;
} .apt-cta:hover::before{
transform: scale(2.2);
} .apt-status--sold{
background:
linear-gradient(
135deg,
rgba(185,28,28,.18),
rgba(127,29,29,.18)
);
border:1px solid rgba(248,113,113,.35);
color:#f87171;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08); } .apt-select{
appearance:none !important;
-webkit-appearance:none !important;
-moz-appearance:none !important;
background-color: rgba(15,23,42,.75) !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.25) !important;
height:46px;
padding:0 44px 0 18px;
border-radius:999px;
font-weight:700;
font-size:14px;
backdrop-filter: blur(14px);
} .apt-select option{
background:#0f172a;
color:#fff;
} .apt-checks{
display:flex;
gap:20px;
align-items:end;
justify-content:flex-start; } .apt-check{
display:flex;
align-items:center;
justify-content:space-between; gap:16px;
min-width:120px; padding:8px 0;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
cursor:pointer;
} .apt-check span{
flex:1;
text-align:left;
opacity:.9;
} .apt-check input[type="checkbox"]{
appearance:none;
-webkit-appearance:none;
width:18px;
height:18px;
border-radius:4px;
border:1px solid rgba(255,255,255,.35);
background:rgba(255,255,255,.08);
display:flex;
align-items:center;
justify-content:center;
position:relative;
cursor:pointer;
transition:.2s;
}
.apt-check input[type="checkbox"]:hover{
border-color:#c9a15a;
}
.apt-check input[type="checkbox"]:checked{
background:#c9a15a;
border-color:#c9a15a;
}
.apt-check input[type="checkbox"]:checked::after{
content:"";
width:6px;
height:6px;
background:#0f172a;
border-radius:2px;
} .apt-filter.apt-checks{
display:flex;
gap:12px; align-items:center;
justify-content:flex-start;
flex:0 0 auto; }
.apt-check{
display:flex;
align-items:center;
gap:8px; min-width:auto; padding:0;
}
.apt-check span{
font-size:13px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
}
.apt-check input{
width:16px;
height:16px;
} .apt-filters{
display:grid;
grid-template-columns:
1fr
1fr
1fr
auto
auto;
gap:28px;
align-items:end;
} .apt-filter.apt-checks{
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start; justify-content:center;
} .apt-filter.apt-actions{
justify-self:end;
}
@media(max-width:900px){
.apt-filters{
grid-template-columns:1fr;
gap:18px;
}
.apt-filter{
width:100%;
}
.apt-select{
width:100%;
}
.apt-filter.apt-checks{
flex-direction:row;
gap:20px;
align-items:center;
}
.apt-filter.apt-actions{
justify-self:start;
}
.apt-reset{
width:100%;
}
}
@media(max-width:900px){
.apt-table thead{
display:none;
}
.apt-table,
.apt-table tbody,
.apt-table tr,
.apt-table td{
display:block;
width:100%;
}
.apt-row{
padding:22px;
border-radius:20px;
margin-bottom:16px;
background:
linear-gradient(
180deg,
rgba(255,255,255,.10),
rgba(255,255,255,.06)
);
backdrop-filter: blur(14px);
border:1px solid rgba(255,255,255,.14);
box-shadow:
0 14px 40px rgba(0,0,0,.35);
}
.apt-row td{
padding:6px 0;
border:none;
} .apt-cell-number{
font-size:20px;
font-weight:800;
}
.apt-cell-status{
position:absolute;
top:16px;
right:16px;
}
.apt-row{
position:relative;
} .apt-row td:nth-child(2),
.apt-row td:nth-child(3){
display:inline-block;
width:auto;
margin-right:12px;
opacity:.75;
} .apt-cell-price{
margin-top:8px;
}
.apt-price-current{
font-size:22px;
font-weight:800;
} .apt-col-cta{
margin-top:12px;
}
.apt-cta{
display:flex;
justify-content:center;
width:100%;
}
}
@media(max-width:900px){ .apt-row{
position:relative;
padding:22px 20px 24px;
} .apt-cell-status{
display:none;
} .apt-row .apt-status{
position:absolute;
top:16px;
right:16px;
padding:6px 14px;
border-radius:999px;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
} .apt-cell-number{
font-size:20px;
font-weight:800;
margin-bottom:6px;
} .apt-row td:nth-child(2),
.apt-row td:nth-child(3),
.apt-row td:nth-child(4){
display:inline-block;
width:auto;
margin-right:12px;
font-weight:600;
opacity:.8;
} .apt-cell-outdoor{
margin-top:8px;
font-size:14px;
opacity:.85;
} .apt-cell-price{
margin-top:14px;
}
.apt-price-current{
font-size:24px;
font-weight:800;
} .apt-col-cta{
margin-top:14px;
}
.apt-cta{
width:100%;
display:flex;
justify-content:center;
}
}
@media(max-width:900px){ .apt-row td:nth-child(2),
.apt-row td:nth-child(3),
.apt-row td:nth-child(4){
display:block;
margin:0;
} .apt-row td:nth-child(2),
.apt-row td:nth-child(3),
.apt-row td:nth-child(4){
font-size:14px;
font-weight:600;
opacity:.85;
} .apt-row td:nth-child(2)::before{
content:"Korrus: ";
opacity:.6;
font-weight:500;
}
.apt-row td:nth-child(3)::before{
content:"Toad: ";
opacity:.6;
font-weight:500;
}
.apt-row td:nth-child(4)::before{
content:"Pind: ";
opacity:.6;
font-weight:500;
}
}
@media (max-width:900px){
.apt-cell-number::before{
content:"KORTER ";
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
opacity:.75;
}
}
@media (max-width:900px){
.apt-cell-number{
text-transform:uppercase;
}
} .apt-list-header{
margin-bottom:70px;
max-width:880px;
position:relative;
} .apt-list-header::after{
content:"";
position:absolute;
left:0;
bottom:-30px;
width:120px;
height:2px;
background:linear-gradient(
90deg,
var(--apt-gold),
var(--apt-gold-light),
transparent
);
opacity:.6;
} .apt-subtitle{
font-size:13px;
font-weight:800;
letter-spacing:.28em;
text-transform:uppercase;
background:linear-gradient(
120deg,
var(--apt-gold),
var(--apt-gold-light)
);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
margin-bottom:16px;
} .apt-title{
font-size:34px;
line-height:1.08;
font-weight:900;
background:linear-gradient(
120deg,
#ffffff 0%,
#dbeafe 40%,
#ffffff 100%
);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
margin-bottom:24px;
} .apt-intro{
font-size:18px;
line-height:1.7;
color:var(--apt-soft);
max-width:760px;
} .apt-price-pdf{
display:inline-flex;
align-items:center;
gap:10px;
margin-top:30px;
height:44px;
padding:0 28px;
border-radius:999px;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
background:linear-gradient(
135deg,
var(--apt-gold),
var(--apt-gold-light)
);
color:#111;
text-decoration:none;
transition:.3s;
}
.apt-price-pdf:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(201,161,90,.35);
}  .reveal{
opacity:0;
transform:translateY(60px) scale(.98);
filter:blur(8px);
transition:
opacity .7s cubic-bezier(.2,.7,.1,1),
transform .7s cubic-bezier(.2,.7,.1,1),
filter .7s ease;
will-change:transform, opacity;
} .reveal.is-visible{
opacity:1;
transform:none;
filter:blur(0);
} .apt-list-header.reveal{
transform:translateY(40px);
}
.apt-filters.reveal{
transform:translateY(70px);
}
.apt-table-wrap.reveal{
transform:translateY(90px);
}