.color-shop-grid .csg-title{margin:0 0 .6rem;text-align:center}.color-shop-grid .csg-subtitle{margin:0 auto 3.2rem;text-align:center;color:rgba(var(--color-foreground),.65);font-size:1.5rem;max-width:56rem}.color-shop-grid .csg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3.2rem}.color-shop-grid .csg-item{display:flex;flex-direction:column;align-items:center;max-width:16rem;text-decoration:none}.color-shop-grid .csg-circle{position:relative;width:13rem;height:13rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),.08);transition:transform .2s ease,box-shadow .2s ease}.color-shop-grid .csg-item:hover .csg-circle{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.color-shop-grid .csg-circle img{width:100%;height:100%;object-fit:cover}.color-shop-grid .csg-badge{position:absolute;top:.4rem;right:.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .9rem;border-radius:999px}.color-shop-grid .csg-label{margin-top:1.4rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.color-shop-grid .csg-grid{gap:1.8rem}.color-shop-grid .csg-item{max-width:10rem}.color-shop-grid .csg-circle{width:9rem;height:9rem}.color-shop-grid .csg-label{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-color-shop-grid.css.map */