.shop-by-grid{padding:var(--space-8) var(--space-4)}@media (min-width: 768px){.shop-by-grid{padding:var(--space-12) var(--space-6)}}.shop-by-grid__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6)}@media (min-width: 768px){.shop-by-grid__title{font-size:var(--text-3xl);margin-bottom:var(--space-8)}}.shop-by-grid__items{display:grid;grid-template-columns:repeat(var(--grid-cols-mobile, 3),1fr);gap:var(--space-4)}@media (min-width: 640px){.shop-by-grid__items{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media (min-width: 768px){.shop-by-grid__items{grid-template-columns:repeat(var(--grid-cols-desktop, 6),1fr);gap:var(--space-6)}}.shop-by-grid__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-base)}.shop-by-grid__item:hover{transform:translateY(-4px)}.shop-by-grid__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-md)}.shop-by-grid__image-wrapper{width:70px;height:70px;overflow:hidden;background:var(--color-cream);display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color var(--transition-base),box-shadow var(--transition-base)}@media (min-width: 640px){.shop-by-grid__image-wrapper{width:80px;height:80px}}@media (min-width: 768px){.shop-by-grid__image-wrapper{width:100px;height:100px}}.shop-by-grid__image-wrapper--circle{border-radius:50%}.shop-by-grid__image-wrapper--square{border-radius:var(--radius-md)}.shop-by-grid__item:hover .shop-by-grid__image-wrapper{border-color:var(--color-coral);box-shadow:var(--shadow-md)}.shop-by-grid__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.shop-by-grid__item:hover .shop-by-grid__image{transform:scale(1.1)}.shop-by-grid__placeholder{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase}@media (min-width: 768px){.shop-by-grid__placeholder{font-size:var(--text-3xl)}}.shop-by-grid__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center;line-height:var(--leading-tight);max-width:100%;transition:color var(--transition-base)}@media (min-width: 768px){.shop-by-grid__label{font-size:var(--text-sm)}}.shop-by-grid__item:hover .shop-by-grid__label{color:var(--color-coral);text-decoration:underline;text-underline-offset:2px}.shop-by-grid--compact .shop-by-grid__image-wrapper{width:60px;height:60px}.shop-by-grid--compact .shop-by-grid__label{font-size:var(--text-xs)}@media (min-width: 768px){.shop-by-grid--compact .shop-by-grid__image-wrapper{width:70px;height:70px}}.shop-by-grid--large .shop-by-grid__image-wrapper{width:100px;height:100px}@media (min-width: 768px){.shop-by-grid--large .shop-by-grid__image-wrapper{width:140px;height:140px}.shop-by-grid--large .shop-by-grid__label{font-size:var(--text-base)}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/component-shop-by-grid.css.map */