.apartment-container{background:var(--color-white);transition:var(--transition);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:1fr;margin:.5rem 0;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.apartment-container:hover{border-color:var(--color-dark-teal);transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.apartment-container .image-container{aspect-ratio:1.2;position:relative;overflow:hidden}.apartment-container .image-container .image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.apartment-container:hover .image{transform:scale(1.03)}.apartment-container .badge{background:var(--color-dark-teal);color:var(--color-white);z-index:1;border-radius:16px;padding:.3rem .6rem;font-size:.7rem;font-weight:500;position:absolute;top:.5rem;right:.5rem}.apartment-container .details{flex-direction:column;gap:.75rem;padding:1rem .8rem;display:flex}.apartment-container .details .header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.apartment-container .details .header .title{color:var(--color-dark-teal);margin-bottom:.25rem;font-size:1.2rem;font-weight:600;line-height:1.2}.apartment-container .details .header .subtitle{color:var(--color-steel-blue);font-size:.85rem;line-height:1.3}.apartment-container .details .header .rating{background:#0000000d;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.8rem;display:flex}.apartment-container .details .header .rating svg{color:var(--color-star);width:var(--icon-size);height:var(--icon-size)}.apartment-container .details .meta-info{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin:.25rem 0;padding:.5rem 0;display:grid}.apartment-container .details .meta-info .meta-item{align-items:center;gap:.3rem;font-size:.8rem;display:flex}.apartment-container .details .meta-info .meta-item svg{color:var(--color-dark-teal);flex-shrink:0;width:1rem;height:1rem}.apartment-container .details .features{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.apartment-container .details .features li{background:var(--gg-color);color:var(--color-muted-teal);transition:var(--transition);border-radius:6px;align-items:center;gap:.5rem;padding:.4rem;font-size:.85rem;display:flex}.apartment-container .details .features li span[role=img]{font-size:.9em;line-height:1}.apartment-container .details .price-section{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:.5rem;display:flex}.apartment-container .details .price-section .price{color:var(--color-steel-blue);align-items:baseline;gap:.3rem;font-size:1.2rem;font-weight:700;display:flex}.apartment-container .details .price-section .price span{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.apartment-container .details .price-section .button-group{flex-wrap:wrap;gap:.8rem;width:100%;display:flex}.apartment-container .details .price-section .button-group .button{min-width:120px;padding:.6rem 1rem;font-size:.85rem}@media (min-width:480px){.apartment-container .details .meta-info{grid-template-columns:repeat(2,1fr)}.apartment-container .details .button-group .button{flex:none}}@media (min-width:768px){.apartment-container{grid-template-columns:1fr 1fr;margin:1rem 0}.apartment-container .image-container{aspect-ratio:unset}.apartment-container .details{gap:1rem;padding:1.5rem}.apartment-container .details .header{gap:.8rem}.apartment-container .details .header .title{margin-bottom:.5rem;font-size:1.6rem}.apartment-container .details .header .subtitle{font-size:1rem}.apartment-container .details .header .rating{padding:.3rem .6rem;font-size:.9rem}.apartment-container .details .meta-info{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:.5rem 0;padding:.8rem 0}.apartment-container .details .meta-info .meta-item{gap:.5rem;font-size:.9rem}.apartment-container .details .meta-info .meta-item svg{width:var(--icon-size);height:var(--icon-size)}.apartment-container .details .features{gap:.8rem}.apartment-container .details .features li{gap:.8rem;padding:.5rem;font-size:.95rem}.apartment-container .details .features li span[role=img]{font-size:1.1em}.apartment-container .details .price-section{flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem}.apartment-container .details .price-section .price{font-size:1.6rem}.apartment-container .details .price-section .price span{font-size:.95rem}.apartment-container .details .price-section .button-group{width:auto}.apartment-container .details .price-section .button-group .button{padding:.8rem 1.5rem;font-size:.95rem}.apartment-container .badge{padding:.4rem .8rem;font-size:.8rem;top:.8rem;right:.8rem}}@media (min-width:1024px){.apartment-container .details{padding:2rem}}.apartments-container{gap:1rem;margin:0 auto;padding:1rem .5rem;display:grid}@media (min-width:768px){.apartments-container{gap:2rem;padding:2rem 0}}@media (min-width:1024px){.apartments-container{gap:2.5rem;padding:3rem 0}}
