.wlch{max-width:1280px;margin:0 auto;padding:0 16px 48px;color:#222}
.wlch__head{text-align:center;padding:28px 0 8px}
.wlch__title{margin:0;font-size:32px;line-height:1.2}
.wlch__sub{margin:8px 0 0;color:#555}
.wlch__nav{position:sticky;top:0;z-index:5;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:#fff;padding:12px 0;border-bottom:1px solid #eee;margin-bottom:8px}
.wlch__chip{white-space:nowrap;padding:8px 14px;border:1px solid #ddd;border-radius:20px;text-decoration:none;color:#222;font-size:14px;line-height:1.2}
.wlch__chip:hover{border-color:#536dfe;color:#536dfe}
.wlch__group{padding:24px 0 8px;scroll-margin-top:70px}
.wlch__h2{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:22px}
.wlch__all{font-size:14px;color:#e0218a;text-decoration:none;font-weight:700}
.wlch__note{margin:0 0 12px;color:#555}
.wlch__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.wlch__card{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#f3f3f3;text-decoration:none}
.wlch__img,.wlch__img img{display:block;width:100%;height:100%}
.wlch__img img{object-fit:cover;transition:transform .3s}
.wlch__card:hover .wlch__img img{transform:scale(1.04)}
.wlch__cap{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-weight:700;font-size:17px}
.wlch__cap small{display:block;font-weight:400;font-size:12px;opacity:.85}
.wlch__swatches{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wlch__sw{display:block;text-decoration:none}
.wlch__sw i{display:block;width:44px;height:44px;border-radius:50%;border:1px solid #ccc}
.wlch__sw span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wlch__sw:hover i{outline:2px solid #536dfe;outline-offset:2px}
@media(max-width:600px){
  .wlch__nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 8px;padding:12px 16px}
  .wlch__grid{grid-template-columns:1fr 1fr;gap:10px}
  .wlch__cap{font-size:14px;padding:22px 10px 10px}
  .wlch__title{font-size:24px}
  .wlch__h2{font-size:19px}
}