.search-container{position:relative;display:flex;align-items:center;border-bottom:2px solid #e5e5e5;overflow:hidden;transition:border-color .2s ease;max-width:400px}.search-container input{flex:1;padding:12px 16px;border:none;outline:none;background:transparent;font-size:16px;color:rgb(var(--color-foreground))}.search-container input::placeholder{color:#888}.search-container button{padding:12px 16px;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.search-container button:active{transform:scale(.95)}.search-container button.loading{opacity:.7;pointer-events:none}.search-container button.loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.search-clear-btn{position:absolute;right:50px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#666;z-index:1}.search-hint{margin-top:8px;font-size:14px;color:#666}.search-hint em{font-style:italic}.blog-search__results-info{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:24px;border-left:4px solid #FB4747}.blog-search__results-info p{margin:0;font-size:14px;color:rgb(var(--color-foreground))}.blog-search__results-info strong{color:#fb4747}.blog-search__clear-btn{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .2s ease}.blog-search__clear-btn:hover{border-color:#fb4747;color:#fb4747;background:#fb47470d}.blog-search__no-results{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:20px 0}.no-results-content h3{font-size:24px;margin:0 0 12px;color:rgb(var(--color-foreground))}.no-results-content p{font-size:16px;color:#666;max-width:400px;margin:0 auto 24px}.no-results-content .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#fb4747;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s ease;border:none;cursor:pointer;font-size:14px}.no-results-content .button:hover{background:#e53e3e}.no-results-content .button--secondary{background:transparent;color:#fb4747;border:2px solid #FB4747}.no-results-content .button--secondary:hover{background:#fb4747;color:#fff}mark{background:#fb474733;color:inherit;padding:2px 4px;border-radius:3px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{transition:all .3s ease}blog-search[aria-busy=true] .search-container{transform:scale(1.02)}.blog-articles{transition:opacity .2s ease}.blog-articles.searching{opacity:.6}@media (max-width: 768px){.search-container{width:100%;max-width:100%;margin:0 0 20px}.blog-search__results-info{flex-direction:column;gap:12px;text-align:center}.blog-search__results-info p{margin-bottom:0}.search-container input{padding:10px 12px;font-size:16px}.search-container button{padding:10px 12px}.search-clear-btn{right:45px}}@media (max-width: 480px){.no-results-content{padding:40px 16px}.no-results-content h3{font-size:20px}.no-results-content p{font-size:14px}}.blog-header{position:relative;display:flex;flex-direction:column}@media (max-width: 768px){.blog-header .large-up-hide{width:100%}}.blog-header .filter-container label{margin-bottom:8px}@media screen and (min-width: 768px){.blog-header .filter-container label{margin-bottom:0}}@media screen and (min-width: 990px){.blog-header .filter-container label{margin-bottom:4px}}@media (min-width: 768px){.blog-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}@media (min-width: 990px){.blog-header{align-items:flex-start}.blog-header .filter-container{justify-content:space-between}}.featured-article{transition:opacity .3s ease,transform .3s ease}.featured-article[style*="display: none"]{opacity:0;transform:translateY(-10px)}blog-search{position:relative;display:flex;flex:initial;flex-direction:column;z-index:2;justify-content:flex-start;align-items:flex-start}blog-search.searching .blog-articles{opacity:.8;transition:opacity .2s ease}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.search-clear-btn:focus,.blog-search__clear-btn:focus{outline:2px solid #FB4747;outline-offset:2px}@media (prefers-contrast: high){.search-container{border-color:#000}.search-container:focus-within{border-color:#000;box-shadow:0 0 0 2px #000}mark{background:#000;color:#fff}}@media (prefers-reduced-motion: reduce){.search-container,.blog-articles,blog-search,.search-container button,.blog-search__clear-btn{transition:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.filter-container{display:flex;flex-direction:column;align-items:flex-start;flex:initial}
/*# sourceMappingURL=/cdn/shop/t/12/assets/blog-search.css.map */