/*
 * Article search UI cache-busting bundle.
 * Kept in a dedicated file so deployments cannot reuse an older storefront CSS cache.
 */
.article-hero-search{display:grid;gap:17px;padding:23px;border:1px solid var(--sf-line);border-radius:20px;background:color-mix(in srgb,var(--sf-card) 88%,transparent);box-shadow:0 22px 55px rgba(15,23,42,.09);backdrop-filter:blur(18px)}
.article-hero-search__heading{display:flex;align-items:center;gap:12px}
.article-hero-search__heading>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--sf-accent) 14%,var(--sf-card));color:var(--sf-accent)}
.article-hero-search svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-hero-search__heading small{display:block;margin-bottom:3px;color:var(--sf-accent);font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.article-hero-search__heading h2{margin:0;color:var(--sf-text);font-size:15px;font-weight:900;letter-spacing:-.025em;line-height:1.35}
.article-search-field{min-height:50px;display:flex;align-items:center;gap:10px;padding:5px 5px 5px 14px;border:1px solid var(--sf-line);border-radius:14px;background:var(--sf-bg);color:var(--sf-muted);transition:.2s}
.article-search-field:focus-within{border-color:var(--sf-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-accent) 11%,transparent)}
.article-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--sf-text);font:inherit;font-size:10px}
.article-search-field input::placeholder{color:color-mix(in srgb,var(--sf-muted) 72%,transparent)}
.article-search-field button{min-height:39px;padding:0 16px;border:0;border-radius:10px;background:var(--sf-accent);color:var(--sf-accent-text);font-size:9px;font-weight:900;cursor:pointer;transition:.2s}
.article-search-field button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.article-hero-search__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sf-muted);font-size:7px;line-height:1.5}
.article-hero-search__footer a{flex:0 0 auto;color:var(--sf-accent)!important;font-weight:850}
.article-search-empty{min-height:310px;display:grid;place-items:center;align-content:center;padding:40px;border:1px dashed var(--sf-line);border-radius:20px;background:color-mix(in srgb,var(--sf-card) 76%,transparent);text-align:center}
.article-search-empty>span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:15px;border-radius:17px;background:color-mix(in srgb,var(--sf-accent) 13%,var(--sf-card));color:var(--sf-accent)}
.article-search-empty svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.article-search-empty h3{margin:0;color:var(--sf-text);font-size:20px;font-weight:900}
.article-search-empty p{margin:7px 0 16px;color:var(--sf-muted);font-size:10px}
.article-search-empty a{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--sf-accent);color:var(--sf-accent-text)!important;font-size:9px;font-weight:900}

@media(max-width:700px){
  .article-hero-search{padding:18px;border-radius:17px}
  .article-search-field{padding-left:11px}
  .article-hero-search__footer{align-items:flex-start;flex-direction:column}
  .article-search-empty{min-height:260px;padding:28px 18px}
}