.gear-showcase{background:#ede7de;padding:var(--section-pt, 64px) 24px var(--section-pb, 96px)}.gear-showcase .wrap{max-width:1120px;margin:0 auto}.gear-showcase .eyebrow{text-align:center;letter-spacing:.14em;font-size:12px;font-weight:600;color:#3f5346;margin:0 0 12px;text-transform:uppercase}.gear-showcase h2{font-weight:500;font-size:40px;text-align:center;margin:0 0 36px;line-height:1.15}.gear-showcase .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.gear-showcase .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.gear-showcase{padding:48px 0 72px}.gear-showcase h2{font-size:28px;padding:0 20px}.gear-showcase .eyebrow{padding:0 20px}.gear-showcase .grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 20px 8px;-webkit-overflow-scrolling:touch}.gear-showcase .grid::-webkit-scrollbar{display:none}.gear-showcase .card{flex:0 0 82%;scroll-snap-align:start}}.gear-showcase .card{background:#f7f3ec;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.gear-showcase .visual{position:relative;display:block;aspect-ratio:3/4;background:#f1ece3;overflow:hidden;cursor:pointer}.gear-showcase .visual .layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .45s ease}.gear-showcase .visual .layer.flat{opacity:1;z-index:1}.gear-showcase .visual .layer.worn{opacity:0;z-index:2;transform:scale(1.04)}.gear-showcase .card:hover .layer.flat,.gear-showcase .visual.tapped .layer.flat{opacity:0}.gear-showcase .card:hover .layer.worn,.gear-showcase .visual.tapped .layer.worn{opacity:1;transform:scale(1)}.gear-showcase .worn-tag{position:absolute;bottom:12px;left:12px;z-index:3;font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 10px;border-radius:999px;color:#fff;background:#3f5346e0;opacity:1;transition:opacity .3s ease}.gear-showcase .card:hover .worn-tag,.gear-showcase .visual.tapped .worn-tag{opacity:0}.gear-showcase .worn-tag-tap{display:none}@media(hover:none)and (pointer:coarse),(max-width:750px){.gear-showcase .worn-tag-hover{display:none}.gear-showcase .worn-tag-tap{display:inline-block}}.gear-showcase .body{padding:20px 20px 22px}.gear-showcase .body h3{font-size:19px;font-weight:600;margin:0 0 8px}.gear-showcase .body p{font-size:13.5px;line-height:1.5;color:#5b584f;margin:0 0 16px}.gear-showcase .cta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#fff;background:#c57f3b;padding:10px 16px;border-radius:8px;text-decoration:none;transition:background .18s ease}.gear-showcase .cta:hover{background:#a8672e}.gear-showcase .card-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:14px}.gear-showcase .card-swatch{width:26px;height:26px;border-radius:6px;padding:0;border:2px solid transparent;cursor:pointer;background:none;display:flex;overflow:hidden}.gear-showcase .card-swatch .chip{width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.gear-showcase .card-swatch.active{border-color:#3f5346}.gear-showcase .card-swatch.extra{display:none}.gear-showcase .card-swatches.expanded .card-swatch.extra{display:flex}.gear-showcase .more-btn{width:auto;height:26px;padding:0 8px;border-radius:6px;background:#ede7de;font-size:11px;font-weight:600;color:#3f5346;border:none;cursor:pointer;align-items:center;justify-content:center}@media(max-width:560px){.gear-showcase .card-swatch{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/228/assets/gear-showcase.css.map */