.yf-qc-pack-selector{margin:14px 0 10px;padding:12px;border:1px solid #d8e8f2;border-radius:12px;background:#fff}
.yf-qc-pack-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;color:#0b5ca8}
.yf-qc-pack-head strong{color:#3b8f1c;font-size:10px}
.yf-qc-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:250px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}
.yf-qc-pack{position:relative;text-align:left;padding:8px 7px;border:1px solid #dbe5ec;border-radius:9px;background:#fff;cursor:pointer;min-height:56px}
.yf-qc-pack:hover{border-color:#9bcde9}
.yf-qc-pack.is-selected{border-color:#58b52b;background:#f4fbef;box-shadow:0 0 0 1px #58b52b}
.yf-qc-w{display:block;font-weight:700;color:#0b5ca8;font-size:13px;line-height:1.15;padding-right:48px}
.yf-qc-code{display:block;font-size:7.5px;line-height:1.2;color:#718290;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yf-qc-price{position:absolute;right:7px;top:9px;font-size:8.5px;line-height:1.1;font-weight:700;color:#0671ce}
.yf-qc-selected-price{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;border:1px solid #cfe4f3;border-radius:8px;background:#f5fbff;color:#536b7b;font-size:11px}
.yf-qc-selected-price b{color:#0671ce;font-size:14px}
.yf-qc-empty{margin:0;color:#7a8790}
@media(max-width:760px){.yf-qc-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}}
@media(max-width:440px){.yf-qc-pack-grid{grid-template-columns:1fr;max-height:300px}.yf-qc-w{font-size:14px}.yf-qc-price{font-size:9px}}