.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:20px;background:#f8f8f8}.ad-card{border:1px solid #e91e63;border-radius:6px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%;cursor:pointer;position:relative;overflow:hidden}.ad-info-urgent-15{color:#000}.ad-info-urgent-16{color:blue}.image-container{position:relative;height:220px;overflow:hidden;text-align:center}.image-container img{width:auto;height:100%;object-fit:cover}.photo-nbre{bottom:0;width:100%;background:#00000029;color:#ffffff;padding:5px 9px;border-radius:0;left:0}.photo-nbre,.vip-badge{position:absolute;font-size:12px;font-weight:700}.vip-badge{top:8px;left:8px;background:#e91e63;color:#fff;padding:2px 6px;border-radius:4px}.ad-info-gri{padding:10px;font-size:14px}.ad-info-gri-typecompte{background:#2578e0}.ad-info-gri-typecompte,.ad-info-gri-typecomptePro{padding:3px 8px;color:white;font-weight:700;margin-left:5px;font-style:oblique}.ad-info-gri-typecomptePro{background:#23bf08}.ad-info-gri-compte123{color:#2578e0;font-weight:600}.ad-info-gri-urgent{background:#e0253e;padding:3px 8px;color:white;font-weight:700;margin-right:3px;font-style:oblique}.ad-info-gri-urgent-12{margin:15px 0!important}.ad-info-gri-top{background:blue;padding:3px 8px;color:white;font-weight:700;margin-right:3px;font-style:oblique}.ad-info-gri h3{margin:0 0 5px;color:#e91e63;font-size:14px;word-break:break-word}.ad-info-gri h3,.title-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.title-ellipsis{display:box;box-orient:vertical;line-clamp:2}.ad-meta{margin:5px 0;font-size:.85rem;line-height:1.4;color:#444}.ad-meta strong{color:#111}.ad-info-gri p{margin:10px 0}.time{color:gray;font-size:12px}.certifier{color:#0000ff;text-align:right}.certifier span{font-size:18px;font-weight:700}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltip-text{visibility:hidden;width:max-content;background-color:#333;color:#fff;text-align:center;padding:4px 8px;border-radius:4px;font-size:12px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(10%);opacity:0;transition:opacity .2s ease-in-out}.time-zone{display:flex;justify-content:space-between;align-items:center}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.md-400 button{width:100%;padding:10px;border:none;margin-top:9px;background:#0000ff;color:white;font-weight:900;cursor:pointer}.ribbon-premium{position:absolute;top:15px;left:-38px;width:145px;height:30px;background:linear-gradient(135deg,#9bd52ac7,#6fae00);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase;transform:rotate(-45deg);z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.15)}.ribbon-premium:after,.ribbon-premium:before{content:"";position:absolute;top:0;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.ribbon-premium:before{left:0;border-left:10px solid #fff}.ribbon-premium:after{right:0;border-right:10px solid #fff}.ribbon-top{position:absolute;top:0;right:20px;width:52px;height:42px;background:rgb(246 192 77/95%);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-size:12px;font-weight:700;text-transform:uppercase;z-index:10}.ribbon-top:after{content:"";position:absolute;bottom:-12px;left:0;border-left:26px solid transparent;border-right:26px solid transparent;border-top:12px solid rgb(246 192 77/95%)}.ribbon-vip{position:absolute;top:0;left:20px;width:55px;height:43px;background:rgb(224 37 62/82%);color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;box-shadow:0 2px 4px rgba(0,0,0,.15);font-size:12px;font-weight:700;text-transform:uppercase;z-index:10}.ribbon-vip:after{content:"";position:absolute;bottom:-12px;left:0;border-left:27.5px solid transparent;border-right:27.5px solid transparent;border-top:12px solid rgb(224 37 62/82%)}.ribbon-urgent{position:absolute;top:0;right:20px;width:65px;height:43px;background:rgb(246 192 77/95%);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-size:13px;font-weight:700;z-index:10}.ribbon-urgent:after{content:"";position:absolute;bottom:-12px;left:0;border-left:32.5px solid transparent;border-right:32.5px solid transparent;border-top:12px solid rgb(246 192 77/95%)}