.ccr-phase4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ccr-phase4-list{display:flex;flex-direction:column;gap:20px}
.ccr-phase4-masonry{column-count:3;column-gap:20px}
.ccr-phase4-masonry .ccr-phase4-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 20px}
.ccr-phase4-card{box-sizing:border-box;padding:22px;border:1px solid #e5e5e5;background:#fff;transition:all .25s ease}
.ccr-phase4-image{width:100%;overflow:hidden}
.ccr-phase4-image img{display:block;max-width:100%;height:auto;object-fit:cover;transition:transform .35s ease}
.ccr-phase4-rating{display:flex;gap:4px;align-items:center;font-size:24px;margin-bottom:12px;line-height:1}
.ccr-phase4-rating .ccr-active{color:#f5b301}.ccr-phase4-rating .ccr-empty{color:#d9d9d9}
.ccr-phase4-name{font-weight:700;font-size:20px;line-height:1.3;margin-bottom:10px}
.ccr-phase4-text p:last-child{margin-bottom:0}.ccr-phase4-empty{padding:20px}
.ccr-hover-lift .ccr-phase4-card:hover{transform:translateY(-8px)}.ccr-hover-down .ccr-phase4-card:hover{transform:translateY(8px)}.ccr-hover-zoom .ccr-phase4-card:hover{transform:scale(1.03)}
.ccr-image-hover-zoom .ccr-phase4-card:hover .ccr-phase4-image img{transform:scale(1.08)}
.ccr-phase4-loadmore-wrap{text-align:center;margin-top:30px}.ccr-phase4-loadmore{border:0;cursor:pointer;padding:13px 24px;background:#111;color:#fff;transition:opacity .2s}.ccr-phase4-loadmore:hover{opacity:.85}
.ccr-phase4-slider{position:relative;overflow:hidden;padding:0 48px}.ccr-phase4-slider-track{display:flex;transition:transform .45s ease;will-change:transform}.ccr-phase4-slide{box-sizing:border-box;flex:0 0 33.333%}
.ccr-phase4-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#111;cursor:pointer;font-size:28px;line-height:1}.ccr-prev{left:4px}.ccr-next{right:4px}
.ccr-phase4-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.ccr-phase4-dot{width:9px;height:9px;border-radius:50%;border:0;background:#d0d0d0;cursor:pointer;padding:0}.ccr-phase4-dot.is-active{background:#111}
@media(max-width:1024px){.ccr-phase4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccr-phase4-masonry{column-count:2}}
@media(max-width:767px){.ccr-phase4-grid{grid-template-columns:1fr}.ccr-phase4-masonry{column-count:1}.ccr-phase4-slider{padding:0 35px}}