.wool-shade-grid-section{margin-block:2.5rem 3rem}.wool-shade-grid__head{margin-bottom:1.5rem}.wool-shade-grid__heading{margin:0 0 .35rem;font-size:1.6rem;line-height:1.2}.wool-shade-grid__sub{margin:0;font-size:.95rem;opacity:.72}.wool-shade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1.5rem 1.1rem;margin:0;padding:0;list-style:none}@media screen and (max-width:749px){.wool-shade-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:1.2rem .8rem}}.wool-shade-tile__link{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:inherit;height:100%}.wool-shade-tile__link:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem;border-radius:.4rem}.wool-shade-tile__media{position:relative;display:block;aspect-ratio:1 / 1;border-radius:.35rem;overflow:hidden;background:#8080801f;box-shadow:inset 0 0 0 1px #00000014}.wool-shade-tile__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.wool-shade-tile__link:hover .wool-shade-tile__media img{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.wool-shade-tile__media img{transition:none}.wool-shade-tile__link:hover .wool-shade-tile__media img{transform:none}}.wool-shade-tile__flag{position:absolute;inset-inline-start:.4rem;inset-block-end:.4rem;padding:.15rem .45rem;border-radius:.2rem;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;background:#000000b8;color:#fff}.wool-shade-tile--sold-out .wool-shade-tile__media img{opacity:.55}.wool-shade-tile__body{display:flex;flex-direction:column;gap:.15rem}.wool-shade-tile__name{font-weight:600;font-size:.95rem;line-height:1.25}.wool-shade-tile__code{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-variant-numeric:tabular-nums}.wool-shade-tile__note{font-size:.8rem;line-height:1.35;opacity:.75}.wool-shade-tile__price{margin-top:.15rem;font-size:.85rem;opacity:.85;font-variant-numeric:tabular-nums}.wool-shade-grid__empty{opacity:.7;font-style:italic}.wool-shade-grid__more{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(128,128,128,.28)}.wool-shade-grid__more-title{margin:0 0 .35rem;font-size:1.35rem;line-height:1.2}.wool-shade-grid__more-sub{margin:0;font-size:.95rem;opacity:.72}
/*# sourceMappingURL=/cdn/shop/t/30/assets/wool-shade-grid.css.map */