.collection-circles{padding:5rem 0}.collection-circles .title-wrapper-with-link{margin-bottom:3rem;text-align:center}.collection-circles__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2rem;justify-items:center;width:100%;max-width:1200px;margin:0 auto}.collection-circles__card{width:100%;max-width:120px;min-width:80px}.collection-circles__link{display:block;text-decoration:none;color:inherit;text-align:center;transition:transform .2s ease}.collection-circles__link:hover{transform:translateY(-2px)}.collection-circles__icon-wrapper{margin-bottom:1rem;display:flex;justify-content:center}.collection-circles__icon{width:80px;height:80px;border-radius:50%;background-color:var(--circle-background)!important;display:flex;align-items:center;justify-content:center;transition:all .2s ease;overflow:hidden;box-shadow:0 2px 8px #00000014;position:relative}.collection-circles__icon:hover{background-color:var(--circle-hover-background)!important;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.collection-circles__icon img{width:40px;height:40px;object-fit:contain}.collection-circles__icon--placeholder{color:rgba(var(--color-foreground),.5)}.collection-circles__text{padding:0 .5rem}.collection-circles__title{font-size:1.4rem;font-weight:400;line-height:1.3;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media screen and (max-width: 749px){.collection-circles{padding:3rem 0}.collection-circles__grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;max-width:100%}.collection-circles__card{max-width:100px;min-width:60px}.collection-circles__icon{width:60px;height:60px}.collection-circles__icon img{width:30px;height:30px}.collection-circles__title{font-size:1.2rem}.collection-circles .title-wrapper-with-link{margin-bottom:2rem}}@media screen and (min-width: 750px) and (max-width: 990px){.collection-circles__grid{gap:1.5rem;max-width:900px}.collection-circles__card{max-width:100px;min-width:70px}.collection-circles__icon{width:70px;height:70px}.collection-circles__icon img{width:35px;height:35px}}.collection-circles{--circle-background: #f8f8f8;--circle-hover-background: #e8e8e8}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-circles.css.map */