html body .hh .v4-card{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:start;width:320px;box-sizing:border-box;padding:12px}html body .hh .v4-card .v4-cb{display:contents}html body .hh .v4-card .v4-ci{grid-column:1;grid-row:1 / span 3}html body .hh .v4-card .v4-cb>b,html body .hh .v4-card .v4-cb>p,html body .hh .v4-card .v4-cp{grid-column:2}html body .hh .v4-card .v4-cp{margin:0 0 4px}html body .hh .v4-card .v4-ca{grid-column:1 / -1;display:flex;gap:8px;margin-top:10px}html body .hh .v4-card .v4-ca>*{flex:1 1 0;min-width:fit-content;display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;line-height:1.1;padding:0 12px;white-space:nowrap;overflow:visible;text-overflow:clip}html body .hh .v4-card a.v4-view{padding:0 12px}html body .hh .v4-card button.v4-add[hidden]{display:none}@media(max-width:899px){html body .hh .v4-card{width:auto;max-width:calc(100% - 32px)}}.hh .qv-opts{display:grid;gap:10px;margin:8px 0 6px}.hh .qv-opt{margin:0;border:0;padding:0;min-width:0}.hh .qv-opt.qv-vars{display:block}.hh .qv-opt .qv-chips{display:flex;flex-wrap:wrap;gap:6px}.hh .qv-lb,.hh .qv-opt legend{display:block;font:700 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;padding:0}.hh .qv-sel{position:relative}.hh .qv-sel select{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;min-height:44px;padding:8px 38px 8px 12px;border:1.5px solid var(--ink);border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313283a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/18px;color:var(--ink);font:600 14px/1.25 var(--fb,inherit);text-overflow:ellipsis;cursor:pointer}.hh .qv-sel select:focus-visible{outline:3px solid var(--v4-or,#f28a1a);outline-offset:2px}.hh .qv-sel select option:disabled{color:#8a97a3}.hh .qv .qv-buy .btn.add{min-height:48px;font-weight:700}.hh .qv .qv-buy .qty{flex:0 0 auto}.hh .qv .qv-main>div:last-child{min-width:0}.hh .qv h3{overflow-wrap:anywhere}.hh .qv.sheet .qv-main{row-gap:0;column-gap:12px;align-items:start}.hh .qv.sheet .qv-main>div:first-child{grid-column:1;grid-row:1 / span 3}.hh .qv.sheet .qv-main>div:last-child{display:contents}.hh .qv.sheet .qv-main>div:last-child>*{grid-column:1 / -1}.hh .qv.sheet .qv-main>div:last-child>.qv-v,.hh .qv.sheet .qv-main>div:last-child>h3,.hh .qv.sheet .qv-main>div:last-child>.qv-pr{grid-column:2}.hh .qv.sheet .qv-main>div:last-child>.qv-opts{margin-top:12px}.hh .qv-cb{position:relative}.hh .qv-cbb{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;min-height:48px;padding:7px 12px;border:1.5px solid #b9c6d1;border-radius:10px;background:#fff;color:var(--ink);font:600 14px/1.25 var(--fb,inherit);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hh .qv-cbb:hover{border-color:var(--ink)}.hh .qv-cbb:focus-visible,.hh .qv-cb.open .qv-cbb{border-color:var(--ink);outline:0;box-shadow:0 0 0 3px #f28a1a66}.hh .qv-cbt{flex:1 1 auto;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hh .qv-cbp,.hh .qv-op{flex:none;font:700 13px var(--fm);color:var(--muted)}.hh .qv-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.hh .qv-cb.open .qv-chev{transform:rotate(180deg)}.hh .qv-oth{flex:none;width:32px;height:32px;border-radius:6px;object-fit:cover;background:#eef3f7;border:1px solid #e1e8ee;display:block}.hh .qv-lbx{list-style:none;margin:6px 0 0;padding:4px;max-height:248px;overflow-y:auto;overscroll-behavior:contain;border:1.5px solid #b9c6d1;border-radius:10px;background:#fff;box-shadow:0 6px 18px #13283a26;position:relative}.hh .qv-lbx[hidden]{display:none}.hh .qv-lbx [role=option]{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:44px;box-sizing:border-box;border-radius:7px;font:500 14px/1.25 var(--fb,inherit);color:var(--ink);cursor:pointer}.hh .qv-lbx .qv-ot{flex:1 1 auto;min-width:0}.hh .qv-lbx [role=option].act,.hh .qv-lbx [role=option]:hover{background:#eef3f7}.hh .qv-lbx [role=option][aria-selected=true]{font-weight:700;background:#e6eef5}.hh .qv-ck{flex:none;width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.hh .qv-lbx [aria-selected=true] .qv-ck{visibility:visible}.hh .qv-lbx [aria-disabled=true]{opacity:.45;cursor:not-allowed}.hh .qv-lbx [aria-disabled=true] .qv-ot{text-decoration:line-through}.hh .qv-lbx em{font-style:normal;font-size:12px;text-decoration:none;display:inline-block;margin-left:4px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hh-v9-ui.css.map */