.cls--reference .clhw{margin-bottom:12px;color:#130d2d}
.clhw__art{position:relative;container-type:inline-size;overflow:hidden;border-radius:22px;background:#210c32}
.clhw__photo{display:block;width:100%;height:auto;aspect-ratio:1983/793;object-fit:contain}
.clhw__controls{position:absolute;inset:0}
.cls .clhw__copy{position:absolute;left:12.1%;top:78%;width:23.6%;height:13.8%;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid #ffa246;border-radius:999px;background:linear-gradient(180deg,#ff7e09,#ff5900);color:#fff;box-shadow:0 3px 12px #f9580040;padding:8px;font:800 clamp(17px,2.15cqw,36px)/1.1 'DM Sans',sans-serif;cursor:pointer}
.clhw__copy svg{width:1.15em;height:1.15em;flex:none}
.clhw__copy:disabled{cursor:wait;opacity:.8}
.cls .clhw__copy{min-height:44px}
@media(min-width:761px){
 .cls--reference .clhr-first:has(.clhw){grid-template-columns:minmax(0,1fr)}
 .cls--reference .clhr-first>.clhw{grid-column:1/-1;grid-row:2}
 .cls--reference .clhr-first:has(.clhw)>.clhr-categories{grid-column:1/-1;grid-row:3;margin-bottom:12px}
 .cls--reference .clhr-first:has(.clhw)>.clhr-recommended{grid-column:1/-1;grid-row:4;align-self:stretch;margin-bottom:12px}
}
.clhw__information{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){
 .cls .clhw__copy [data-clhw-copy-label]{font:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap;display:block;min-width:0}
 .clhw__art{border-radius:14px}
 .clhw__photo{aspect-ratio:3/2}
 .clhw__controls{position:absolute;inset:0;display:block;padding:0;background:none}
 .cls .clhw__copy{left:12%;top:76%;width:42%;height:18%;min-height:44px;gap:5px;font-size:clamp(12px,3.7cqw,16px);padding:5px 6px;border-width:1px}
}

.clhw__copy:focus-visible{outline:3px solid #fff;outline-offset:4px}