.dang-grid{width:100%;padding:5rem 0;background:#fff}.dang-grid__inner{max-width:1500px;margin:0 auto;padding:0 2.5rem}.dang-grid__heading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#000;margin:0 0 3rem;padding-bottom:1rem;border-bottom:1px solid #000000}.dang-grid__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem 2.5rem}.dang-grid__card{display:block;text-decoration:none;color:inherit;transition:opacity .25s ease}.dang-grid__card-image-wrap{width:100%;aspect-ratio:5 / 4;margin-bottom:1.6rem;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.dang-grid__card-image{display:block;width:100%!important;height:100%!important;object-fit:contain}.dang-grid__card-image--hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .45s cubic-bezier(.4,0,.2,1);pointer-events:none}.dang-grid__card:hover .dang-grid__card-image--hover{opacity:1}.dang-grid__card-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.005em;color:#000;margin:0 0 .5rem;line-height:1.2}.dang-grid__card-variant{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:.005em;color:#333;margin:0 0 .4rem;line-height:1.3}.dang-grid__card-colors{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.005em;color:#888;margin:0;line-height:1.3}.dang-grid__empty{text-align:center;padding:4rem 2rem;font-family:var(--font-body-family);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#999}.dang-grid__view-all{display:block;width:fit-content;margin:4rem auto 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#000;text-decoration:none;padding:.8rem 1.4rem;transition:background .15s ease,color .15s ease}a.dang-grid__view-all:hover{background:#000;color:#fff;text-decoration:none}@media(max-width:999px){.dang-grid__cards{grid-template-columns:repeat(2,1fr);gap:3rem 2rem}}@media(max-width:599px){.dang-grid{padding:3rem 0}.dang-grid__inner{padding:0 1.25rem}.dang-grid__cards{grid-template-columns:1fr 1fr;gap:2.4rem 1.2rem}.dang-grid__card-title{font-size:1.4rem}.dang-grid__card-variant{font-size:1.25rem}.dang-grid__card-colors{font-size:1.15rem}}@media(hover:hover){.dang-grid__card-colors{opacity:0;transition:opacity .18s ease}.dang-grid__card:hover .dang-grid__card-colors,.dang-grid__card:focus-visible .dang-grid__card-colors{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dang-product-grid.css.map */