.bestseller-shades__heading{text-align:center;margin-bottom:.4rem}.bestseller-shades__subheading{text-align:center;color:rgba(var(--color-foreground),.7);margin-bottom:2rem}.bestseller-shades__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (min-width:750px){.bestseller-shades__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (min-width:990px){.bestseller-shades__grid{grid-template-columns:repeat(6,1fr)}}.bestseller-shades__card{display:block}.bestseller-shades__link{text-decoration:none;color:inherit;display:block}.bestseller-shades__image-wrap{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:rgba(var(--color-foreground),.06);margin-bottom:10px}.bestseller-shades__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.bestseller-shades__card:hover .bestseller-shades__image{transform:scale(1.04)}.bestseller-shades__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.08)}.bestseller-shades__badge{position:absolute;top:8px;left:8px;font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;background:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:3px 8px;border-radius:999px}.bestseller-shades__name{font-size:1.3rem;margin:0 0 2px;line-height:1.3}.bestseller-shades__price{font-size:1.3rem;font-weight:600;margin:0}.bestseller-shades__view-all{text-align:center;margin-top:2rem}.bestseller-shades__quick-add{width:100%;margin-top:8px;padding:8px 10px;font-size:1.2rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;position:relative;transition:background .2s ease,color .2s ease}.bestseller-shades__quick-add:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.bestseller-shades__quick-add-success{display:none}.bestseller-shades__quick-add.is-loading .bestseller-shades__quick-add-label{opacity:.5}.bestseller-shades__quick-add.is-added .bestseller-shades__quick-add-label{display:none}.bestseller-shades__quick-add.is-added .bestseller-shades__quick-add-success{display:inline}.bestseller-shades__quick-add.is-added{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-bestseller-shades.css.map */