.hw-buyers{margin:32px 0}
.hw-buyers__head{margin-bottom:14px}
.hw-buyers__t{font-size:clamp(18px,2.2vw,24px);font-weight:700;margin:0 0 4px}
.hw-buyers__s{margin:0;color:#6b7280;font-size:14px}
.hw-buyers__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.hw-buyers__i{min-width:0}
.hw-buyers--side{max-width:100%;overflow:hidden}
.hw-buyers__btn{display:block;min-width:0;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}
.hw-buyers__img{position:relative;display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#f1f2f4}
.hw-buyers__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.hw-buyers__btn:hover img,.hw-buyers__btn:focus-visible img{transform:scale(1.04)}
.hw-buyers__btn:focus-visible{outline:2px solid #1a1c1e;outline-offset:3px;border-radius:12px}
.hw-buyers__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}
.hw-buyers__pin{position:absolute;left:8px;top:8px;background:#1a1c1e;color:#fff;font-size:11px;padding:3px 8px;border-radius:999px}
.hw-buyers__d{display:block;margin-top:6px;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-buyers__more{margin-top:12px}
.hw-buyers--side .hw-buyers__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hw-buyers--side .hw-buyers__t{font-size:15px}
.hw-buyers--side .hw-buyers__img{aspect-ratio:1}
.hw-buyers--cart .hw-buyers__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
@media (max-width:767px){.hw-buyers__grid,.hw-buyers--cart .hw-buyers__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.hw-bymodal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:16px}
.hw-bymodal[hidden]{display:none}
.hw-bymodal__box{position:relative;width:min(420px,100%);max-height:92vh}
.hw-bymodal__box--img{width:auto;max-width:min(960px,100%)}
.hw-bymodal__box img{max-width:100%;max-height:88vh;border-radius:12px;display:block}
.hw-bymodal__box iframe{width:100%;aspect-ratio:9/16;max-height:86vh;border:0;border-radius:12px;background:#000}
.hw-bymodal__box--youtube{width:min(900px,100%)}
.hw-bymodal__box--youtube iframe{aspect-ratio:16/9}
.hw-bymodal__x{position:absolute;right:-6px;top:-44px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font-size:22px;cursor:pointer}
.hw-bymodal__ext{display:block;text-align:center;color:#fff;margin-top:8px;font-size:13px}
@media (prefers-reduced-motion:reduce){.hw-buyers__img img{transition:none}}