#sales{padding-top:0}#sales .listings{display:grid;grid-template-columns:repeat(auto-fit, minmax(360px, 400px));place-content:center;gap:30px}#sales .empty-slot{background-color:var(--color-biege-light);grid-column:span var(--grid-column);padding:25px;border-radius:6px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:20px}#sales .empty-slot:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--border-gradient);z-index:-1;border-radius:7px}#sales .empty-slot h3{font-size:20px;color:var(--color-green-light);line-height:normal}#sales .empty-slot p{line-height:normal;max-width:50ch;font-size:14px;margin-bottom:20px}#sales .empty-slot .btn{min-width:120px}@media screen and (width < 1280px){#sales .empty-slot{grid-column:span 1 !important}}@media only screen and (max-width: 767px){#sales .listings{grid-template-columns:1fr}}.listing-card{display:flex;flex-direction:column}.listing-card .card-content{display:flex;flex-direction:column;flex:1;border-radius:5px;text-decoration:none;color:inherit}.listing-card .card-content:not(div):hover h3{color:var(--color-green-light)}.listing-card .card-content .info-container{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:30px;border-radius:0 0 5px 5px}.listing-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:22px;margin:0 0 10px 0}.listing-card:not(.background) h3{flex:1}.listing-card .info-hover .flex{min-height:50px;align-items:center}.listing-card .info{display:flex;align-items:center;gap:15px;margin-bottom:5px}.listing-card .detail{display:flex;align-items:center;font-size:16px;gap:5px}.listing-card .price{font-size:24px;font-weight:var(--text-bold)}.listing-card .sold{font-size:24px;font-weight:var(--text-bold)}.listing-card.background .card-content{position:relative;overflow:hidden;color:var(--color-biege);background-image:var(--card-background);background-repeat:no-repeat;background-size:cover;background-position:center}.listing-card.background .card-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(34, 34, 34, 0) 48.51%, rgba(34, 34, 34, 0.81) 90.03%);transition:transform .3s ease;z-index:0}.listing-card.background .card-content:hover .info-container{transform:translateY(0)}.listing-card.background .card-content:hover .info-container:not(div) h3{color:var(--color-green-light)}.listing-card.background .card-content:hover .info-hover{opacity:1;visibility:visible}.listing-card.background .card-content:hover:after{background:linear-gradient(180deg, rgba(34, 34, 34, 0) 38.51%, rgba(34, 34, 34, 0.81) 60.03%, #222 100%)}.listing-card.background .info-container{transform:translateY(90px);transition:transform .3s ease;z-index:1}.listing-card.background .info-container h3{color:var(--color-biege)}.listing-card.background .info-hover{opacity:0;visibility:hidden;transition:opacity .3s ease}.listing-card.background p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;margin:0 0 10px 0}.listing-card.background .icon{color:var(--text-biege)}.listing-card:not(.background){position:relative;z-index:0}.listing-card:not(.background)::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--border-gradient-2);z-index:-1;border-radius:6px}.listing-card:not(.background) .card-content{background-color:var(--color-biege-light);border-radius:6px;overflow:hidden}.listing-card:not(.background) .card-content:not(div):hover .arrow-link{background:var(--color-green-light)}.listing-card:not(.background) .card-content:not(div):hover .arrow-link svg{color:var(--color-green)}.listing-card:not(.background) img{background-image:var(--card-background);background-repeat:no-repeat;background-size:cover;background-position:center;aspect-ratio:16/9;border-radius:6px 6px 0 0}.listing-card:not(.background) h3{color:var(--color-green)}.listing-card:not(.background) .detail{color:var(--color-green)}@media only screen and (max-width: 767px){.listing-card.background .info-container{transform:translateY(0)}.listing-card.background .info-hover{opacity:1;visibility:visible}}