:root{--pp-primary: #e94560;--pp-primary-dk: #c73652;--pp-text: #1a1a1a;--pp-text-muted: #6b7280;--pp-border: #e2e8f0;--pp-bg: #f8fafc}.pp-blog-search{max-width:680px;margin:0 auto 48px;padding:0 16px}.pp-search-label{display:block;font-size:15px;font-weight:600;color:var(--pp-text, #1a1a1a);margin-bottom:10px}.pp-search-bar{display:flex;align-items:center;border:2px solid var(--pp-border, #e2e8f0);border-radius:50px;background:var(--pp-bg, #f8fafc);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.pp-search-bar:focus-within{border-color:var(--pp-primary, #e94560);box-shadow:0 0 0 4px #e945601f}.pp-search-bar input{flex:1;border:none;background:transparent;padding:14px 20px;font-size:15px;color:var(--pp-text, #1a1a1a);outline:none;min-width:0}.pp-search-bar input::placeholder{color:var(--pp-text-muted, #6b7280)}.pp-clear-btn{background:none;border:none;color:var(--pp-text-muted, #6b7280);font-size:14px;cursor:pointer;padding:0 10px;line-height:1;transition:color .2s;flex-shrink:0;display:none}.pp-clear-btn.is-visible{display:block}.pp-clear-btn:hover{color:var(--pp-primary, #e94560)}.pp-search-btn{background:var(--pp-primary, #e94560);color:#fff;border:none;padding:14px 26px;font-size:14px;font-weight:700;cursor:pointer;border-radius:0 50px 50px 0;display:flex;align-items:center;gap:8px;transition:background .2s;white-space:nowrap;flex-shrink:0}.pp-search-btn:hover{background:var(--pp-primary-dk, #c73652)}.pp-search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}.pp-tag{background:var(--pp-bg, #f8fafc);border:1px solid var(--pp-border, #e2e8f0);color:var(--pp-text-muted, #6b7280);padding:5px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.pp-tag:hover,.pp-tag--active{background:var(--pp-primary, #e94560);border-color:var(--pp-primary, #e94560);color:#fff}.pp-search-result-info{margin-top:16px;font-size:14px;color:var(--pp-text-muted, #6b7280);text-align:center}.pp-no-results{display:none;text-align:center;padding:40px 20px;color:var(--pp-text-muted, #6b7280);font-size:15px}.pp-no-results.is-visible{display:block}@media(max-width:480px){.pp-search-btn span{display:none}.pp-search-btn{padding:14px 18px}.pp-search-bar input{font-size:14px;padding:12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/blog-search.css.map */