.shop-by-birthstone{background-color:#fff;padding:100px 0}.shop-by-birthstone .page-width{max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.shop-by-birthstone__container{max-width:1920px;margin:0 auto;padding:0 100px}.shop-by-birthstone__heading{font-family:Bodoni Moda,Playfair Display,Georgia,serif;font-size:36px;font-weight:400;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:0 0 60px;color:#1a1a1a}.shop-by-birthstone__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.shop-by-birthstone__tile{position:relative}.shop-by-birthstone__tile-link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.shop-by-birthstone__tile-link:hover{transform:translateY(-4px)}.shop-by-birthstone__image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;background-color:#f5f5f5;overflow:hidden;margin-bottom:16px}.shop-by-birthstone__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.shop-by-birthstone__tile-link:hover .shop-by-birthstone__image{transform:scale(1.05)}.shop-by-birthstone__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;transition:background-color .3s ease;pointer-events:none}.shop-by-birthstone__tile-link:hover .shop-by-birthstone__overlay{background-color:#ffffff4d}.shop-by-birthstone__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.shop-by-birthstone__image-placeholder svg{width:50%;height:50%;opacity:.3}.shop-by-birthstone__label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;letter-spacing:.05em;text-align:center;text-transform:uppercase;margin:0 auto;color:#1a1a1a;position:relative;display:block;width:fit-content}.shop-by-birthstone__label:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#1a1a1a;transition:width .3s ease}.shop-by-birthstone__tile-link:hover .shop-by-birthstone__label:after{width:100%}.shop-by-birthstone__empty{text-align:center;padding:60px 20px;color:#666;font-size:16px}@media screen and (max-width:1599px){.shop-by-birthstone__container{padding:0 80px}.shop-by-birthstone__heading{font-size:32px}}@media screen and (max-width:1279px){.shop-by-birthstone__grid{grid-template-columns:repeat(4,1fr);gap:20px}.shop-by-birthstone__container{padding:0 60px}.shop-by-birthstone__heading{font-size:28px}.shop-by-birthstone{padding:80px 0}}@media screen and (max-width:989px){.shop-by-birthstone__grid{grid-template-columns:repeat(3,1fr);gap:16px}.shop-by-birthstone__container{padding:0 40px}.shop-by-birthstone__heading{font-size:26px;margin-bottom:40px}.shop-by-birthstone{padding:60px 0}}@media screen and (max-width:749px){.shop-by-birthstone__grid{grid-template-columns:repeat(2,1fr);gap:16px}.shop-by-birthstone__container{padding:0 20px}.shop-by-birthstone__heading{font-size:24px;margin-bottom:30px}.shop-by-birthstone{padding:50px 0}.shop-by-birthstone__label{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-by-birthstone.css.map */