.custom-collection__heading-group{display:flex;flex-direction:column;align-items:center;gap:2.3rem;margin-block-end:5.3rem;text-align:center}.custom-collection__heading-group.also-heading-group{margin-block-end:4rem}.custom-collection__text-above-heading{display:flex;align-items:center;justify-content:center;margin:0;font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-weight-medium);font-size:var(--font-size-static-sm);line-height:var(--line-height-static-xs);letter-spacing:.2em;text-align:center;text-transform:uppercase}h2.section__heading.custom-collection__heading{padding-block:0}.custom-collection__heading{display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:900;font-size:3.6rem;line-height:4.5rem;letter-spacing:var(--letter-spacing-sm);text-align:center;text-transform:uppercase}.custom-collection__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem;margin:0 auto}.custom-collection__grid--cols-1{max-width:20.7rem}.custom-collection__grid--cols-2,.custom-collection__grid--cols-3,.custom-collection__grid--cols-4{max-width:43.8rem}.custom-collection__card{display:flex;flex-direction:column;align-items:start;gap:1.7rem;width:20.7rem;padding:2rem;background-color:transparent;color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-border),.3);border-radius:var(--card-corner-radius);overflow:hidden}.custom-collection__content{display:flex;flex-direction:column;align-items:start;gap:.8rem;flex:1 1 auto;width:100%}.custom-collection__title{margin:0;padding:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:1.6rem;line-height:1.3;letter-spacing:var(--letter-spacing-sm);text-align:start}.custom-collection__media{display:block;width:100%;aspect-ratio:var(--custom-collection-media-aspect-ratio);overflow:hidden;border-radius:0}.custom-collection__media svg.placeholder-svg{background-color:rgb(var(--color-placeholder));width:100%;height:100%}.custom-collection__media img{display:block;width:100%;height:100%;object-fit:var(--custom-collection-media-object-fit)}.custom-collection__media--hoverable{position:relative}.custom-collection__media--hoverable img{position:absolute;display:block;top:0;right:0;bottom:0;left:0;z-index:0;transition:opacity .7s ease}.custom-collection__media--hoverable img.custom-collection__hover-img{opacity:0}.custom-collection__media--hoverable img:not(.custom-collection__hover-img){position:relative;z-index:1;opacity:1}.custom-collection__description{text-align:start;margin:0;padding:0;font-family:var(--font-body-family);font-size:var(--font-size-static-md);line-height:var(--line-height-static-md);letter-spacing:var(--letter-spacing-sm)}.custom-collection__price{margin:0;padding:0;font-family:var(--font-body-family);text-align:center}.custom-collection__empty{margin:0}.custom-collection__also{display:block;margin-block-start:5.3rem}.custom-collection__also[hidden]{display:none}.custom-collection__fallback{display:block;margin-block-start:2.4rem}.custom-collection__fallback[hidden]{display:none}.custom-collection__also-heading{display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:800;font-size:2.1rem;line-height:1.3;letter-spacing:-.01em;text-align:center;max-width:40rem}.custom-collection__button{width:100%}@media(hover:hover){.custom-collection__media--hoverable:hover img:first-child{z-index:0;opacity:0}.custom-collection__media--hoverable:hover img:last-child{z-index:1;opacity:1}}@media screen and (max-width:500px){.custom-collection__card{min-width:auto;width:auto;padding:1.2rem}.custom-collection__grid{gap:1rem}.custom-collection__grid--cols-2 .custom-collection__card,.custom-collection__grid--cols-3 .custom-collection__card,.custom-collection__grid--cols-4 .custom-collection__card{flex:0 1 calc((100% - 1rem)/2)}.custom-collection__grid--cols-1 .custom-collection__card{flex:0 1 100%}}@media screen and (min-width:900px){.custom-collection__grid--cols-4{max-width:90rem}}@media screen and (min-width:750px){.custom-collection__grid--cols-3{max-width:66.9rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-custom-collection.css.map */