.clg-gallery{column-count:4;column-gap:20px;padding:0 18px}
.clg-card{break-inside:avoid;margin-bottom:20px;border-radius:18px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.18);opacity:0;transform:translateY(20px);transition:all .6s ease}
.clg-card.visible{opacity:1;transform:translateY(0)}
.clg-card img{width:100%;display:block}
.clg-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:.25s;color:#fff;padding:20px;display:flex;align-items:flex-end}
.clg-card:hover .clg-overlay{opacity:1}
.clg-modal{position:fixed;inset:0;display:none;z-index:999999}
.clg-modal.active{display:block}
.clg-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}
.clg-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1200px,92vw);background:#fff;border-radius:24px;overflow:auto;max-height:90vh}
.clg-grid{display:grid;grid-template-columns:1.3fr 1fr}
.clg-image-wrap{background:#111}
.clg-image-wrap img{width:100%;height:100%;object-fit:contain}
.clg-info{padding:42px}
#clg-description{line-height:1.7}
.clg-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.clg-btn-primary,.clg-btn-secondary{padding:14px 22px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600}
.clg-btn-primary{background:#c86842}
.clg-btn-primary:hover{background:#111}
.clg-btn-secondary{background:#111}
.clg-btn-secondary:hover{background:#c86842}
.clg-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:none;border-radius:50%;background:#fff;font-size:24px;cursor:pointer}
@media(max-width:1200px){.clg-gallery{column-count:3}}
@media(max-width:900px){.clg-gallery{column-count:2;padding:0 14px}.clg-grid{grid-template-columns:1fr}}
@media(max-width:600px){.clg-gallery{column-count:1;padding:0 12px}.clg-info{padding:28px}}
.clg-sort-placeholder{
    border:2px dashed #c86842;
    height:120px;
    margin-bottom:20px;
    border-radius:12px;
}