/* [quote_ship_check] — ช่องตรวจค่าจัดส่ง วางหน้าไหนก็ได้ ไม่ล้นจอ */
.pq-sc, .pq-sc * { box-sizing: border-box; }
.pq-sc { max-width: 520px; width: 100%; margin: 12px 0; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; word-break: break-word; }
.pq-sc-title { font-weight: 700; margin: 0 0 6px; }
.pq-sc-field { position: relative; }
.pq-sc-input { display: block; width: 100%; max-width: 100%; min-height: 46px; margin: 0; padding: 10px 12px; border: 1px solid #ccc; border-radius: 6px; background: #fff; color: #222; font-size: 16px; line-height: 1.4; }
.pq-sc-input:focus { outline: 2px solid #0a3c8c33; border-color: #0a3c8c; }
.pq-sc-list { position: absolute; z-index: 50; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 0; list-style: none; background: #fff; color: #222; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.15); max-height: 50vh; max-height: min(320px, 45dvh); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.pq-sc-list[hidden] { display: none; }
.pq-sc-list li { margin: 0; padding: 9px 12px; min-height: 44px; border-bottom: 1px solid #f0f0f0; cursor: pointer; font-size: 16px; line-height: 1.35; -webkit-tap-highlight-color: transparent; }
.pq-sc-list li:last-child { border-bottom: 0; }
.pq-sc-list li[aria-selected="true"], .pq-sc-list li:hover { background: #eef2fb; }
.pq-sc-list li small { display: block; font-size: 12.5px; color: #666; }
.pq-sc-list li.pq-sc-note { cursor: default; color: #666; font-size: 13px; min-height: 0; }
.pq-sc-addr { margin: 8px 0 0; font-size: 13px; color: #555; }
.pq-sc-addr:empty, .pq-sc-ship:empty { display: none; }
.pq-sc-ship { margin: 6px 0 0; font-size: 14px; color: #333; }
.pq-sc-ship .pq-line { display: block; padding: 2px 0; }
.pq-sc-ship .pq-price { font-weight: 700; color: #111; white-space: nowrap; }
.pq-sc-ship .pq-title { font-weight: 600; margin-top: 4px; }
.pq-sc-ship .pq-src { font-size: 12.5px; color: #666; margin-top: 4px; }
.pq-sc-ship .pq-warn { color: #8a5a00; }
.pq-sc-ship .pq-err { color: #b71c1c; }
.pq-sc-ship .pq-link { color: #0a3c8c; text-decoration: underline; cursor: pointer; white-space: nowrap; }
.pq-sc-ship .pq-spin { display: inline-block; width: 11px; height: 11px; margin-right: 6px; vertical-align: -1px; border: 2px solid #bbb; border-top-color: #0a3c8c; border-radius: 50%; animation: pq-spin .8s linear infinite; }
@keyframes pq-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .pq-sc-ship .pq-spin { animation: none; } }
@media (max-width: 340px) { .pq-sc { font-size: 14px; } }