.collection-grid-section{width:100%;overflow:hidden}.collection-grid-container{max-width:1200px;margin:0 auto;padding:0}.collection-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.collection-grid-heading{font-size:40px;font-weight:400;margin:0;line-height:1.2}.collection-grid-heading i{font-style:italic;font-family:inherit}.collection-grid-view-all{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #000;text-decoration:none;color:#000;font-size:14px;transition:all .3s ease;background:transparent}.collection-grid-view-all:hover{background:#000;color:#fff}.collection-grid-view-all svg{transition:transform .3s ease}.collection-grid-view-all:hover svg{transform:translate(4px)}.collection-grid{display:flex;gap:20px;flex-wrap:wrap}.collection-grid-main{flex:0 0 calc(50% - 10px);min-width:280px}.collection-grid-secondary{flex:0 0 calc(50% - 10px);display:flex;flex-wrap:wrap;gap:20px;min-width:280px}.collection-grid-secondary .collection-grid-item{flex:0 0 calc(50% - 10px);min-width:0}@media screen and (max-width:989px){.collection-grid-main{flex:0 0 100%}.collection-grid-secondary{flex:0 0 100%;gap:20px}.collection-grid-secondary .collection-grid-item{flex:0 0 calc(50% - 10px)}}@media screen and (max-width:749px){.collection-grid{flex-direction:column;gap:20px}.collection-grid-main{flex:0 0 100%}.collection-grid-secondary{flex:0 0 100%;flex-direction:column;gap:20px}.collection-grid-secondary .collection-grid-item{flex:0 0 100%}.collection-grid-heading{font-size:32px}.collection-grid-view-all-wrapper{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;clear:both;overflow:visible}.collection-grid-view-all-wrapper .collection-grid-view-all{width:auto;min-width:140px;position:relative;z-index:2;display:inline-flex}.collection-grid-view-all-wrapper--mobile{margin-top:0!important;min-height:60px}.collection-grid-container{overflow:visible}}.collection-card{display:block;position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;text-decoration:none;color:inherit}.collection-card-image{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden}.collection-card-image>img,.collection-card-image>svg.placeholder-svg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.collection-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .4s ease}.collection-card-content{text-align:center;color:#fff;opacity:0;transform:translateY(20px);transition:all .4s ease;padding:20px;position:relative}.collection-card:hover .collection-card-image img,.collection-card:hover .collection-card-image svg{transform:scale(1.05)}.collection-card:hover .collection-card-overlay{background:#0006}.collection-card:hover .collection-card-content{opacity:1;transform:translateY(0)}.collection-card-count{font-size:14px;margin:0 0 12px;font-weight:400;letter-spacing:.5px}.collection-card-title{font-size:32px;font-weight:400;margin:0 0 20px;line-height:1.2;font-family:Cormorant,serif;color:#fff}.collection-card-description{font-size:14px;line-height:1.6;max-width:90%;margin:0 auto 20px}.collection-card-button{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1.5px solid #fff;background:transparent;color:#fff;font-size:14px;text-decoration:none;transition:all .3s ease;cursor:pointer}.collection-card-button:hover{background:#fff;color:#000}.collection-card-button svg{transition:transform .3s ease;width:20px;height:12px}.collection-card-button:hover svg{transform:translate(4px)}.collection-card-tag{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 16px;font-size:12px;border-radius:4px;white-space:nowrap}.placeholder-svg{width:100%;height:100%;background:#f5f5f5}@media screen and (max-width:749px){.collection-card,.collection-card-image{min-height:300px}.collection-card-title{font-size:24px}.collection-grid-header{margin-bottom:24px}}.collection-card:focus{outline:2px solid #000;outline-offset:4px}.collection-card:focus-visible{outline:2px solid #000;outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-grid.css.map */
