.cn-ww{padding-block:24px 72px}.cn-ww--rule{border-top:1px solid var(--cn-line);padding-top:40px}.cn-ww button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.cn-ww-h{margin:0 0 32px;font-family:var(--cn-sans);font-weight:900;font-size:clamp(32px,4vw,64px);line-height:.9;text-transform:uppercase;letter-spacing:-.03em;color:var(--cn-ink)}.cn-ww-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--cn-grid-col, 48px);row-gap:56px}.cn-ww-card{position:relative;min-width:0}.cn-ww-ph{position:relative;aspect-ratio:1 / 1;overflow:hidden}.cn-ww-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cn-ww-ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cn-ww-card--photo .cn-ww-ph{aspect-ratio:3 / 4;background:#f1f1f1}.cn-ww-card--photo .cn-ww-ph img,.cn-ww-ph img.is-fallback{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cn-ww-ph img{transition:opacity .25s}.cn-ww-ph .cn-ww-alt{opacity:0}.cn-ww-ph:hover .cn-ww-alt,.cn-ww-link:focus-visible .cn-ww-alt{opacity:1}.cn-ww-ph:has(.cn-ww-alt:not([hidden])):hover img:not(.cn-ww-alt),.cn-ww-link:has(.cn-ww-alt:not([hidden])):focus-visible img:not(.cn-ww-alt){opacity:0}.cn-ww-qa{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fffffff5;color:#111;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;pointer-events:none}.cn-ww-card:hover .cn-ww-qa,.cn-ww-card:focus-within .cn-ww-qa,.cn-ww-card.qa-open .cn-ww-qa{opacity:1;transform:none;pointer-events:auto}.cn-ww-qal{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cn-ww-qas{display:flex;flex-wrap:wrap;gap:4px}.cn-ww .cn-ww-qs{min-width:38px;height:32px;padding:0 8px;border:1px solid #111;font-size:11px;font-weight:700;background:#fff;color:#111}.cn-ww .cn-ww-qs.is-adding{opacity:.5}.cn-ww .cn-ww-qs[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}.cn-ww .cn-ww-plus{display:none;position:absolute;right:8px;bottom:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:#fff;color:#111;font-size:20px;line-height:1;box-shadow:0 1px 4px #00000026}.cn-ww-meta{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px;padding-top:12px;font-size:13px;font-family:var(--cn-sans)}.cn-ww-nm{font-weight:700;text-decoration:none;color:var(--cn-ink)}.cn-ww-pr{font-weight:700;text-align:center}.cn-ww-sub{grid-column:1 / -1;font-size:11px;color:var(--cn-mute)}@media(hover:none){.cn-ww .cn-ww-plus{display:block}.cn-ww-card:hover .cn-ww-qa{opacity:0;pointer-events:none}.cn-ww-card.qa-open .cn-ww-qa{opacity:1;pointer-events:auto}}@media(max-width:749px){.cn-ww-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:32px}}.cn-ww-qa{justify-content:center}.cn-ww-qa{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:7px 8px;background:#fffffff0}.cn-ww-qas{flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none}.cn-ww-qas::-webkit-scrollbar{display:none}.cn-ww .cn-ww-qs{min-width:0;height:24px;padding:0 6px;border:0;background:transparent;font-size:11px;text-transform:uppercase}.cn-ww .cn-ww-qs:hover,.cn-ww .cn-ww-qs:focus-visible,.cn-ww .cn-ww-qs.is-added{background:#111;color:#fff}@media(max-width:749px){.cn-ww-qa{gap:0;padding:6px 2px;justify-content:center}.cn-ww-qal{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cn-ww .cn-ww-qs{padding:0 4px;font-size:10px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/cn-wear.css.map */