/* ============================================================
   見積もりモーダル：製品セレクタ（v217）
   - 入れ子スクロールを廃止（.qpick 自体は伸縮、候補一覧だけスクロール）
   - タップ領域 44px 以上／入力 16px（iOS の自動ズーム防止）
   ============================================================ */
.modal-box{max-height:92vh;max-height:92dvh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

.qpick.qp2{max-height:none;overflow:visible;padding:12px;display:flex;flex-direction:column;gap:10px}
.qp2 .qpick-g{margin:2px 0 6px}
.qp2 .qp-hidden{display:none!important}

/* 絞り込み */
.qp-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qp-sel{width:100%;min-width:0;min-height:44px;padding:10px 34px 10px 12px;border:1px solid var(--line-bright);border-radius:10px;
  background-color:var(--bg-card);color:var(--ink);font-family:inherit;font-size:16px;line-height:1.3;
  -webkit-appearance:none;appearance:none;text-overflow:ellipsis;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.qp-sel:focus{outline:2px solid var(--blue);outline-offset:1px}
.qfield .qp-search{font-size:16px;min-height:44px;padding:10px 12px}

/* 候補一覧（ここだけスクロール） */
.qp2 .qp-results>*{flex-shrink:0}
.qp2 .qp-results{display:flex;flex-direction:column;gap:6px;max-height:min(340px,42vh);max-height:min(340px,42dvh);
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px}
.qp2 .qp-results:empty{display:none}
.qp-row{flex:none;display:flex;align-items:flex-start;gap:10px;width:100%;min-height:48px;padding:10px 12px;text-align:left;
  background:var(--bg-card);border:1px solid var(--line);border-radius:10px;color:inherit;font:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s,background .15s}
.qp-row:hover{border-color:var(--blue)}
.qp-row:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.qp-row.on{border-color:var(--blue);background:var(--blue-soft)}
.qp-box{flex:none;width:20px;height:20px;margin-top:1px;border:2px solid var(--line-bright);border-radius:5px;background:#fff;position:relative}
.qp-row.on .qp-box{background:var(--blue);border-color:var(--blue)}
.qp-row.on .qp-box::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.qp2 .qrow-n{font-size:14px}
.qp2 .qrow-m{font-size:12px!important;line-height:1.5}
.qp-tag{font-style:normal;font-size:11px;color:var(--green-dim)}
.qp-empty{padding:10px 4px}

/* 選択中チップ */
.qp-chipwrap{display:flex;flex-wrap:wrap;gap:6px}
.qp-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:4px 4px 4px 12px;border-radius:999px;
  background:var(--blue-soft);border:1px solid var(--blue);color:var(--blue-dim);font-size:13px;font-weight:600}
.qp-chip.main{background:var(--green-soft);border-color:var(--green,#10b981);color:var(--green-dim)}
.qp-chip-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qp-x{flex:none;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;touch-action:manipulation}
.qp-x:hover,.qp-x:focus-visible{background:rgba(0,0,0,.07);outline:none}

/* スマートフォン */
@media (max-width:560px){
  .modal-box{max-height:94vh;max-height:94dvh;padding-left:18px;padding-right:18px}
  .qp-filters{grid-template-columns:1fr}
  .qp2 .qp-results{max-height:48vh;max-height:48dvh}
}
/* タブレット（縦） */
@media (min-width:561px) and (max-width:1024px){
  .modal-box{max-width:600px}
}