.shop-by-color{width:100%;background:#fff}.shop-by-color__section{width:100%;max-width:1400px;margin:0 auto;padding:48px 24px 64px;background:#fff}.shop-by-color__heading{margin:0 0 36px;color:#111;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.2;letter-spacing:.02em;text-align:center}.shop-by-color__instruction{max-width:660px;margin:-22px auto 32px;color:#68615b;font-size:15px;line-height:1.6;text-align:center}.shop-by-color__grid{display:grid;grid-template-columns:repeat(var(--columns, 6),minmax(0,1fr));gap:24px 20px}.shop-by-color__card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e7e7e7;border-radius:6px;color:#111;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.shop-by-color__card:hover{transform:translateY(-3px);border-color:#d0d0d0;box-shadow:0 8px 22px #00000014}.shop-by-color__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f7f7f7}.shop-by-color__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.shop-by-color__card:hover .shop-by-color__image{transform:scale(1.025)}.shop-by-color__label{min-height:46px;display:flex;align-items:center;justify-content:center;padding:11px 8px;background:#fff;border-top:1px solid #eeeeee;color:#111;font-size:14px;font-weight:400;line-height:1.3;text-align:center;letter-spacing:.01em}@media(max-width:1100px){.shop-by-color__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.shop-by-color__section{padding:32px 16px 48px}.shop-by-color__heading{margin-bottom:18px}.shop-by-color__instruction{margin:-6px auto 24px;padding:0 8px;font-size:14px}.shop-by-color__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.shop-by-color__label{min-height:42px;padding:9px 6px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AAAAAAAAAAE */