/* หน้าค้นหาแยก /search (13 พ.ย. แบบ A) · templates/search.html + _search_items.html */
.sp{max-width:760px;margin:0 auto}
.sp-top h1{display:flex;align-items:center;gap:8px;font:700 22px Mitr,Prompt,sans-serif;color:var(--ink);margin:2px 0 2px}
.sp-top h1 .ict{width:30px;height:30px}
.sp-sub{color:var(--soft);font-size:13.5px;margin:0 0 12px}
.sp-box{margin:0}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sp-chips .sr-chip.on{background:var(--pri);color:#fff}
.sp-chips .sp-mid{background:#e8f8ee;color:#15803d;font-weight:600}
.sp-chips .sp-mid.on,.sp-chips .sp-mid:hover{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}
.sp-recent{margin-top:14px}
.sp-recent[hidden]{display:none}
.sp-hd{display:flex;justify-content:space-between;align-items:center;font:600 13.5px Prompt;color:var(--ink);margin-bottom:8px}
.sp-clr{border:0;background:none;color:var(--pri);font:500 12.5px Prompt;cursor:pointer;padding:4px}
.sp-rl{display:flex;flex-wrap:wrap;gap:6px}
.sp-ri{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--bg2);color:var(--ink);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-ri::before{content:"🕘";font-size:12px}
.sp-recs .srec-row{margin-bottom:8px}

/* สินค้าที่ตรงคำค้นใต้ร้าน */
.sp-res .srch .pcard:has(.sp-pin){position:relative;background:#f0fbf4;border-radius:16px;padding-top:22px;box-shadow:inset 0 0 0 2px #22c55e}
.sp-res .srch .pcard .sp-pin{position:absolute;left:12px;top:0;background:#16a34a!important;color:#fff!important;font:600 11px/1.5 Prompt!important;padding:1px 10px 2px!important;border-radius:0 0 10px 10px;opacity:1!important;margin:0!important}
.spi-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:66px;scrollbar-width:none;padding:2px 0 14px 66px;margin-top:-4px;border-bottom:1px solid var(--line)}
.spi-row::-webkit-scrollbar{display:none}
.spi{flex:0 0 108px;scroll-snap-align:start;background:var(--bg2);border-radius:14px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column}
.spi-im{position:relative;height:80px;background:var(--bg) center/cover no-repeat;display:grid;place-items:center;color:var(--soft)}
.spi-im i{position:absolute;left:6px;top:6px;background:rgba(15,42,68,.82);color:#fff;font:600 10.5px Prompt;font-style:normal;padding:2px 7px;border-radius:99px}
.spi.sold .spi-im{filter:grayscale(.6);opacity:.8}
.spi b{font:500 12px/1.35 Prompt;margin:6px 8px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spi-pr{font:700 13px Prompt;color:var(--pri);margin:auto 8px 8px}
.spi.more{justify-content:center;align-items:center;text-align:center;font:600 12.5px Prompt;color:var(--pri);background:var(--card);border:1.5px dashed var(--line2,var(--line));padding:8px}
.spi-none{padding:0 0 12px 66px;margin-top:-6px;font-size:12.5px;color:var(--soft);border-bottom:1px solid var(--line)}
.sp-res .srch .pcard:has(+ .spi-row),.sp-res .srch .pcard:has(+ .spi-none){border-bottom:0}
@media (min-width:700px){
  .spi{flex-basis:132px}
  .spi-im{height:100px}
}