.ad-card{border:1px solid var(--border-color);cursor:pointer;border-radius:20px;flex-direction:column;height:fit-content;display:flex;overflow:hidden}.ad-card .image-holder{aspect-ratio:1.4;position:relative;overflow:hidden}.ad-card .image-holder .main{object-fit:contain;transition:all .4s;display:flex}.ad-card .image-holder .cover{object-fit:cover;filter:blur(10px);z-index:-1;transition:all .4s}.ad-card:hover .image-holder img{scale:1.15}.ad-card .image-holder .top{align-items:flex-start;width:100%;padding:12px 16px;position:absolute;top:0}.ad-card .image-holder .top .fav-btn{width:fit-content;height:33px;color:var(--main-color);cursor:pointer;opacity:0;visibility:hidden;background:#fff;border-radius:30px;justify-content:center;align-items:center;gap:2px;padding:0 8px;font-weight:800;transition:all .3s;display:flex;transform:translateY(17px)}.ad-card .image-holder .top svg{color:var(--main-color);font-size:19px}.ad-card .image-holder .top .fav-btn.active{opacity:1;visibility:visible;transform:translateY(0)}.ad-card .image-holder .top .fav-btn.active svg{color:var(--main-color)}.ad-card .image-holder .top .fav-btn:not(.active):hover{background:var(--main-color)}.ad-card .image-holder .top .fav-btn:not(.active):hover svg,.ad-card .image-holder .top .fav-btn:not(.active):hover{color:#fff}.ad-card .image-holder .top .fav-btn:not(.active):hover .loader{border-color:#fff #fff #0000!important}.ad-card .image-holder .top button:hover .loader{border-color:var(--main-color)!important;border-bottom-color:#0000!important}.ad-card:hover .image-holder .top .fav-btn{opacity:1;visibility:visible;transform:translateY(0)}.ad-card .image-holder .top .info{flex-direction:column;gap:4px;display:flex}.ad-card .image-holder .top .info span{color:var(--paragraph);background:#fff;border-radius:50px;width:fit-content;padding:4px 8px;font-size:13px;font-weight:700}.ad-card .image-holder .top .info span:empty{display:none}.ad-card .body{background:var(--body-color);z-index:1;border-radius:20px 20px 0 0;flex-direction:column;gap:7px;margin-top:-20px;padding:13px 15px 11px;display:flex}.ad-card .body .row-holder{justify-content:space-between;align-items:center;gap:5px;display:flex}.ad-card .body span,.ad-card .body a,.ad-card .body .category{letter-spacing:.3px;color:var(--paragraph);border-radius:50px;min-width:max-content;font-size:14px;font-weight:700}.ad-card .body span:empty{display:none}.ad-card .body .category{background:var(--lighter-main-color-2);color:var(--paragraph);padding:5px 9px;font-size:13px;transition:all .3s;transform:translate(5px)}[lang=ar] .ad-card .body .category{transform:translate(-5px)}.ad-card .body .category:hover{background:var(--main-color);color:#fff}.ad-card .body h4{font-size:17px;line-height:1.3;transition:all .3s}.ad-card:hover .body h4{color:var(--main-color)}.ad-card .body h3{color:var(--main-color);font-size:19px;font-weight:700}[lang=ar] .ad-card .body h3{font-family:sans-serif}.ad-card .date-area{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:25px;padding:14px;display:flex}.ad-card .date-area:empty{display:none}.ad-card .date-area:has(.spec){padding:5px 9px}.ad-card .date-area *{color:var(--paragraph);font-size:13px;font-weight:700}@media (max-width:500px){.ad-card .body h4{font-size:15px}.ad-card .body .category{min-width:unset;font-size:12px}.ad-card .date-area *{font-size:12px}.ad-card .body h3{font-size:18px}.ad-card .image-holder .top{padding:8px 12px}.specs-holder .spec{height:26px}.specs-holder .spec svg{font-size:14px}.specs-holder .spec svg.bedrooms{font-size:18px}.specs-holder .spec span{font-size:12px}.specs-holder .spec svg.km,.specs-holder .spec svg.engine_cc{font-size:16px}.specs-holder .spec svg.model_year{font-size:15px}.ad-card .date-area{padding:10px 14px}}