.wf-collection-intro{padding:var(--intro-top) var(--intro-space) var(--intro-bottom);color:var(--intro-text-color);text-align:var(--intro-align)}
.wf-collection-intro__inner{max-width:1440px;margin-inline:auto}
.wf-collection-intro__inner--full{max-width:none}
.wf-collection-intro__breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--intro-breadcrumb-size,16px);line-height:1.5;text-align:left;margin-bottom:28px}
.wf-collection-intro a{color:inherit;text-decoration:none}
.wf-collection-intro__breadcrumb a:hover,.wf-collection-intro__parent:hover{text-decoration:underline;text-underline-offset:4px}
.wf-collection-intro h1{font-size:var(--intro-heading-size);color:var(--intro-heading-color);line-height:1.15;margin:0 0 16px}
.wf-collection-intro__description{max-width:720px;font-size:var(--intro-text-size);line-height:1.65}
.wf-collection-intro[style*="--intro-align:center"] .wf-collection-intro__description{margin-inline:auto}
.wf-collection-intro__description p:last-child{margin-bottom:0}
.wf-collection-intro__description :is(h1,h2,h3,h4,h5,h6){font:inherit;color:inherit}
.wf-collection-intro__navigation{margin-top:26px}
.wf-collection-intro__navigation h2{font-size:20px;margin-bottom:20px;color:var(--intro-heading-color)}
.wf-collection-intro__tiles{display:flex;justify-content:var(--intro-align);gap:var(--intro-gap);overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--intro-scrollbar,#12283D) var(--intro-scrollbar-track,#D8CDD8)}
.wf-collection-intro__tiles::-webkit-scrollbar{height:6px}
.wf-collection-intro__tiles::-webkit-scrollbar-track{background:var(--intro-scrollbar-track,#D8CDD8);border-radius:999px}
.wf-collection-intro__tiles::-webkit-scrollbar-thumb{background:var(--intro-scrollbar,#12283D);border-radius:999px}
.wf-collection-intro[data-scrollbar="false"] .wf-collection-intro__tiles{scrollbar-width:none}
.wf-collection-intro[data-scrollbar="false"] .wf-collection-intro__tiles::-webkit-scrollbar{display:none}
.wf-collection-intro[style*="--intro-align:center"] .wf-collection-intro__tiles{justify-content:safe center}
.wf-collection-intro__tile{display:flex;flex:0 0 max(var(--intro-image-size),136px);flex-direction:column;align-items:center;gap:10px;scroll-snap-align:start;text-align:center;max-width:220px}
.wf-collection-intro__image{width:var(--intro-image-size);height:var(--intro-image-size);background:var(--intro-image-bg);border-radius:var(--intro-radius);overflow:hidden;display:block}
.wf-collection-intro__image img,.wf-collection-intro__image svg{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}
.wf-collection-intro__image--blend img{mix-blend-mode:multiply}
.wf-collection-intro__label{background:var(--intro-label-bg);color:var(--intro-label-color);padding:8px 14px;border-radius:999px;font-size:var(--intro-label-size);line-height:1.3;transition:background .15s,color .15s}
.wf-collection-intro__tile--plain .wf-collection-intro__label{background:transparent;padding:0;border-radius:0}
.wf-collection-intro__tile:is(:hover,[aria-current="page"]) .wf-collection-intro__label{background:var(--intro-active-bg);color:var(--intro-active-color)}
.wf-collection-intro__tile--plain:is(:hover,[aria-current="page"]) .wf-collection-intro__label{background:transparent;color:var(--intro-label-color);text-decoration:underline;text-underline-offset:5px}
.wf-collection-intro__tile:hover img{transform:scale(1.04)}
.wf-collection-intro a:focus-visible,.wf-collection-intro__tiles:focus-visible{outline:2px solid var(--intro-heading-color);outline-offset:3px}
.wf-collection-intro__count{font-size:12px}
.wf-collection-intro__parent{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-top:16px}
@media(max-width:991px){.wf-collection-intro .wf-collection-intro__tiles{justify-content:flex-start}}
@media(max-width:767px){.wf-collection-intro{padding-inline:var(--intro-space-mobile)}.wf-collection-intro h1{font-size:var(--intro-heading-mobile)}.wf-collection-intro__breadcrumb{margin-bottom:22px;font-size:var(--intro-breadcrumb-mobile,14px)}.wf-collection-intro__tile{flex-basis:max(var(--intro-image-mobile),112px)}.wf-collection-intro__image{width:var(--intro-image-mobile);height:var(--intro-image-mobile)}.wf-collection-intro__label{padding:7px 10px}.wf-collection-intro__tiles{gap:16px}}
@media(prefers-reduced-motion:reduce){.wf-collection-intro__tile img{transition:none}}
