.cg-section{padding:60px 0;background:#f5f5f5}.cg-container{max-width:1400px;margin:0 auto;padding:0 32px;box-sizing:border-box}.cg-heading{font-size:clamp(26px,3vw,40px);font-weight:800;color:#111;margin:0 0 32px;line-height:1.2;letter-spacing:-.02em}.cg-subheading{font-size:16px;color:#666;margin:-20px 0 32px}.cg-grid{display:grid;gap:24px}.cg-grid--cols-2{grid-template-columns:repeat(2,1fr)}.cg-grid--cols-3{grid-template-columns:repeat(3,1fr)}.cg-grid--cols-4{grid-template-columns:repeat(4,1fr)}.cg-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e8e8e8;text-decoration:none;color:inherit;padding:0 0 24px;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px #0000000f;gap:0}.cg-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0000001c}.cg-card-media{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#ebebeb;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:0}.cg-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cg-card:hover .cg-card-img{transform:scale(1.05)}.cg-card-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.cg-card-overlay{display:none}.cg-card-body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px 0;width:100%;text-align:center;box-sizing:border-box}.cg-card-title{font-size:17px;font-weight:700;color:#111;margin:0;line-height:1.3}.cg-card-count{font-size:13px;color:#aaa}.cg-card-cta{display:none}.cg-empty{text-align:center;padding:48px 24px;font-size:15px;color:#aaa}@media screen and (max-width:1100px){.cg-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.cg-grid--cols-3,.cg-grid--cols-4{grid-template-columns:repeat(2,1fr)}.cg-section{padding:40px 0}.cg-container{padding:0 16px}}@media screen and (max-width:480px){.cg-grid--cols-2,.cg-grid--cols-3,.cg-grid--cols-4{grid-template-columns:repeat(2,1fr)}.cg-card-title{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-grid.css.map */