
.zuko-collection-wrapper .zuko-collection { overflow:hidden; }
.zuko-collection-wrapper .collection { width:25%; padding:10px; float:left; overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; }


/*.collection-image:nth-child(4n + 1) { clear:both; }*/
.zuko-collection-wrapper .collection .img-wrapper { overflow:hidden; background-color:rgba(0,0,0,.05); }
.zuko-collection-wrapper .collection .ratio-box { position:relative; height:0; display:block; width:100%; }
.zuko-collection-wrapper .collection .ratio-box img { position:absolute; top:0; left:0; width:100%; height:100%; }
.zuko-collection-wrapper .collection .background-image {}
.zuko-collection-wrapper .collection .background-image img { object-fit:cover; font-family:'object-fit: cover'; }
.zuko-collection-wrapper .collection img { width:100%; height:auto; }
.zuko-collection-wrapper .collection h1, .zuko-collection-wrapper .collection h2, .zuko-collection-wrapper .collection h3, .zuko-collection-wrapper .collection h4, .zuko-collection-wrapper .collection h5, .zuko-collection-wrapper .collection h6 { margin:10px 0 0; }
.zuko-collection-wrapper .collection .description { margin-top:5px; }
.zuko-collection-wrapper .mobile-caption { display:none; }
.zuko-collection-wrapper .caption { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:20px; background:rgba(0,0,0,.4); display:flex; justify-content:center; align-items:center; color:white; font-size:22px; text-transform:uppercase; }
.zuko-collection-wrapper .caption.hover-true { opacity:0; transition:1s ease opacity; }
.zuko-collection-wrapper .caption.hover-true:hover { opacity:1; }
.zuko-collection-wrapper .caption xspan { color:white; }


/* transition lazy load */
.lazyload, .lazyloading { opacity:0; }
.lazyloaded { opacity:1; transition:opacity 400ms; }


@media all and (max-width:600px) {
    .zuko-collection-wrapper .mobile-caption { display:block; }
}




