/* same UI as icon search */
.icon-search-pro{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1rem 0;font-family:inherit}
.isp-field{position:relative;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.5rem .75rem;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.isp-input{border:0;outline:none;width:240px;max-width:60vw;font-size:15px}
.isp-input::placeholder{color:#9aa3ae}
.isp-icon__svg{color:#9c0b43;display:block}
.isp-clear{border:0;background:transparent;cursor:pointer;padding:.25rem;border-radius:8px;line-height:0;color:#9aa3ae}
.isp-clear:hover{color:#555;background:#f2f4f7}
.isp-clear.is-hidden{display:none}
.isp-counter{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:10px;background:#fff;color:#111;font-weight:700;font-size:.9rem;box-shadow:inset 0 0 0 1px #e5e7eb}

.istp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:.5rem}
.istp-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.istp-card .thumb{aspect-ratio:16/9;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.istp-card .thumb img{width:100%;height:100%;object-fit:cover}
.istp-card .body{padding:12px}
.istp-card .title{font-size:15px;margin:0 0 6px;line-height:1.4}
.istp-card .excerpt{font-size:13px;color:#666;margin:0 0 10px}
.istp-card .more{margin-top:auto;padding:10px 12px;text-align:center;border-top:1px solid #f0f0f0}
.istp-card .more a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none}
.istp-card .more a:hover{background:#f5f5f5}

.istp-load-more{display:inline-block;margin:10px 0 16px;padding:10px 14px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer}
.istp-load-more.is-hidden{display:none}
.istp-load-more.is-loading:after{content:"";display:inline-block;width:14px;height:14px;margin-inline-start:8px;border:2px solid currentColor;border-color:currentColor transparent currentColor transparent;border-radius:50%;animation:istp-spin 1s linear infinite}
@keyframes istp-spin{to{transform:rotate(360deg)}}