.collection-grid{background-color:var(--cg-bg)}.collection-grid__container{max-width:1400px;margin:0 auto;padding:0 30px}.collection-grid__header{text-align:center;margin-bottom:35px}.collection-grid__heading{font-family:var(--font-heading-family, "Times New Roman", Georgia, serif);font-size:clamp(28px,4vw,42px);font-weight:400;letter-spacing:.5px;color:var(--cg-heading-color);margin:0 0 12px;line-height:1.2}.collection-grid__subheading{font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, sans-serif);font-size:clamp(13px,1.5vw,16px);font-weight:400;letter-spacing:.3px;color:var(--cg-subheading-color);line-height:1.6;max-width:700px;margin:0 auto}.collection-grid__grid{display:grid;grid-template-columns:repeat(var(--cg-columns-desktop, 3),1fr);gap:var(--cg-gap, 10px)}.collection-grid__item{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--cg-image-radius, 0)}.collection-grid__image-wrapper{position:relative;aspect-ratio:1;overflow:hidden;background:#1a1a3a}.collection-grid__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease,opacity .3s ease}.collection-grid__item:hover .collection-grid__image{transform:scale(1.08)}.collection-grid__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a3a;color:#4a4a6a}.collection-grid__placeholder svg{width:50px;height:50px}.collection-grid__gradient{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#0009,#0000004d 40%,#0000);pointer-events:none;transition:opacity .3s ease}.collection-grid__item:hover .collection-grid__gradient{opacity:.8}.collection-grid__title{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, sans-serif);font-size:clamp(12px,1.5vw,15px);font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--cg-text-color);padding:0 15px;transition:transform .3s ease,letter-spacing .3s ease;z-index:2}.collection-grid__item:hover .collection-grid__title{transform:translateY(-3px);letter-spacing:3px}@media screen and (max-width:1024px){.collection-grid__grid{gap:12px}.collection-grid__title{bottom:15px;letter-spacing:1.5px}}@media screen and (max-width:768px){.collection-grid__container{padding:0 15px}.collection-grid__header{margin-bottom:25px}.collection-grid__heading{margin-bottom:10px}.collection-grid__grid{grid-template-columns:repeat(var(--cg-columns-mobile, 2),1fr);gap:8px}.collection-grid__title{bottom:12px;font-size:11px;letter-spacing:1px;padding:0 10px}.collection-grid__item:hover .collection-grid__title{letter-spacing:1.5px}}@media screen and (max-width:480px){.collection-grid__heading{font-size:24px}.collection-grid__subheading{font-size:12px}.collection-grid__grid{gap:6px}.collection-grid__title{bottom:10px;font-size:10px;letter-spacing:.5px}}.collection-grid__item:focus{outline:2px solid var(--cg-heading-color);outline-offset:3px}.collection-grid__item:focus:not(:focus-visible){outline:none}.collection-grid__item:focus-visible{outline:2px solid var(--cg-heading-color);outline-offset:3px}@media(prefers-reduced-motion:reduce){.collection-grid__image,.collection-grid__title,.collection-grid__gradient{transition:none}.collection-grid__item:hover .collection-grid__image{transform:none}.collection-grid__item:hover .collection-grid__title{transform:none;letter-spacing:2px}}.collection-grid__image[loading=lazy]{background:linear-gradient(90deg,#1a1a3a 25%,#2a2a4a,#1a1a3a 75%);background-size:200% 100%;animation:collection-shimmer 1.5s infinite}@keyframes collection-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-grid.css.map */