.collection-overview{padding:28px 0 56px;color:var(--black, #2a2a2a);font-family:var(--font-opensans, var(--text-font-family, sans-serif))}.collection-overview .collection-overview__container{width:100%;max-width:1248px;margin:0 auto;padding:0 24px}.collection-overview__header{margin:0 auto 28px;text-align:center}.collection-overview .collection-overview__heading{margin:0;color:var(--primary, #800080);font:inherit;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}.collection-overview__intro{max-width:720px;margin:12px auto 0}.collection-overview .collection-overview__intro p{margin:0 0 8px;font:inherit;font-size:16px;line-height:1.5}.collection-overview .collection-overview__intro>:last-child{margin-bottom:0}.collection-overview .collection-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none}.collection-overview__item{min-width:0}.collection-overview__card{display:flex;flex-direction:column;height:100%;color:inherit;background:#fff;border:1px solid #e2e2e2;border-radius:14px;box-shadow:0 2px 8px #2a2a2a0a;overflow:hidden;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}.collection-overview__card:focus-visible{outline:3px solid var(--secondary, #009999);outline-offset:5px}.collection-overview__media{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;min-height:0;aspect-ratio:3 / 2;overflow:hidden;background:#f7f7f7}.collection-overview__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.collection-overview__placeholder{color:var(--secondary, #009999);font-size:48px;font-weight:700}.collection-overview__caption{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.collection-overview .collection-overview__title{flex:1;min-width:0;margin:0;color:var(--black, #2a2a2a);font:inherit;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:normal;text-transform:none;text-align:left;overflow-wrap:anywhere}.collection-overview__arrow{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:transparent;color:var(--secondary, #009999);transition:background-color .16s ease,color .16s ease}.collection-overview__arrow svg{display:block}.collection-overview__card:focus-visible .collection-overview__arrow{background:var(--primary, #800080);color:#fff}@media(hover:hover)and (pointer:fine){.collection-overview__card:hover{border-color:var(--primary, #800080);box-shadow:0 6px 18px #8000801a;transform:translateY(-2px)}.collection-overview__card:hover .collection-overview__arrow{background:var(--primary, #800080);color:#fff}}.collection-overview__card:active{border-color:var(--primary, #800080);transform:translateY(0)}.collection-overview__card:active .collection-overview__arrow{background:var(--primary, #800080);color:#fff}@media(prefers-reduced-motion:reduce){.collection-overview__card,.collection-overview__arrow{transition:none}.collection-overview__card:hover{transform:none}}.collection-overview__empty{text-align:center}.collection-overview__editor-note{padding:16px;background:#f7f7f7}@media screen and (min-width:641px)and (max-width:1007px){.collection-overview .collection-overview__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:640px){.collection-overview{padding:22px 0 40px}.collection-overview .collection-overview__container{padding:0 16px}.collection-overview__header{margin-bottom:22px}.collection-overview .collection-overview__heading{font-size:28px}.collection-overview .collection-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.collection-overview__caption{gap:8px;padding:10px}.collection-overview__arrow{flex-basis:30px;width:30px;height:30px}.collection-overview .collection-overview__title{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/collection-overview.css.map */