.pts-wrapper, .pts-wrapper-mobile { max-width:700px; margin:0 auto; position:relative; font-family:sans-serif; }
#pts-search-input, #pts-search-input-mobile { width: 100%; padding: 15px; border-radius: 12px; border: 2px solid #2d6cdf; font-size: 16px; outline: none; font-family: 'iranyekan'!important; }
.pts-spinner { display:inline-block; width:16px; height:16px; border:3px solid #ccc; border-top-color:#2d6cdf; border-radius:50%; animation:spin 1s linear infinite; margin-right:6px; }
@keyframes spin { 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
#pts-results, #pts-results-mobile { position:absolute; width:100%; background:#fff; border-radius:12px; margin-top:5px; box-shadow:0 5px 15px rgba(0,0,0,0.15); max-height:400px; overflow-y:auto; z-index:999; }
.pts-item { display:flex; gap:12px; padding:12px; border-bottom:1px solid #f2f2f2; align-items:center; transition:0.2s; text-decoration:none; color:inherit; }
.pts-item:hover { background:#f1f6ff; }
.pts-thumb-wrapper { width:60px; height:60px; overflow:hidden; border-radius:8px; flex-shrink:0; }
.pts-thumb { width:50; height:50; object-fit:cover; transition:0.3s; }
.pts-title { font-weight:bold; font-size:14px; margin-bottom:4px; }
.pts-price { font-size:13px; margin-bottom:4px; }
.pts-price-before { text-decoration:line-through; color:#777; margin-right:5px; }
.pts-price-after { color:red; font-weight:bold; }
.pts-excerpt { font-size:12px; color:#555; line-height:1.3; }
.pts-no-result { padding:10px; text-align:center; font-weight:bold; color:#777; }
@media(max-width:600px){
    #pts-results, #pts-results-mobile { position:relative; }
    .pts-item { flex-direction:row; gap:10px; }
    .pts-thumb-wrapper { width:50px; height:50px; }
    .pts-title { font-size:13px; }
    .pts-price, .pts-excerpt { font-size:12px; }
}
.pts-search-bar-mobile { display:flex; align-items:center; position:relative; }