/* Hallmark · component: catalog-search + configurable-paywall · genre: atmospheric · theme: Midnight
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (40–41) · pre-emit critique: P5 H5 E4 S5 R5 V5
 */
.catalog-head{display:grid;gap:var(--space-4);align-content:end}.catalog-head>p{margin:0}.catalog-search{display:grid;gap:var(--space-2);max-width:720px}.catalog-search label{font-family:var(--font-display);font-size:18px;font-weight:700}.catalog-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.catalog-search input{width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid var(--color-rule);outline:2px solid transparent;outline-offset:1px;border-radius:var(--radius-sm);background:var(--color-paper-raised);color:var(--color-ink);font:inherit}.catalog-search input::placeholder{color:var(--color-muted)}.catalog-search button,.genre-chips button,.search-trigger{min-height:44px;padding:10px 15px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-raised);color:var(--color-ink);font:inherit;white-space:nowrap}.genre-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:2px 8px;scrollbar-width:thin}.genre-chips button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.genre-chips button span{color:var(--color-muted);font-variant-numeric:tabular-nums}.genre-chips button.active{border-color:var(--color-accent);color:var(--color-ink)}.search-results{min-height:260px}.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.search-grid .drama{width:auto}.search-grid .poster{aspect-ratio:2/3}.search-results.skeleton{opacity:.58}.empty-card b{display:block;color:var(--color-ink);font-family:var(--font-display);font-size:20px}.empty-card p{margin:8px 0 0;max-width:48ch}.paywall-benefits{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--color-muted)}.paywall-benefits li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.paywall-benefits li::before{content:'✓';color:var(--color-success);font-weight:700}.paywall{background-position:center;background-size:cover}.search-trigger{display:none}
.catalog-search input[aria-invalid="true"]{border-color:var(--color-error)}.catalog-search input:disabled,.catalog-search button:disabled,.genre-chips button:disabled{cursor:not-allowed;opacity:.55}.catalog-search[data-state="loading"] button{cursor:wait;opacity:.7}.catalog-search[data-state="success"] input{border-color:var(--color-success)}
@media(hover:hover) and (pointer:fine){.catalog-search button:hover,.genre-chips button:hover,.search-trigger:hover{background:var(--color-paper-soft)}}
@media(min-width:40rem){.search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-trigger{display:inline-flex;align-items:center}.catalog-head{padding-inline-end:clamp(24px,8vw,120px)}}
@media(min-width:60rem){.search-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:359px){.catalog-search>div{grid-template-columns:minmax(0,1fr)}.catalog-search button{width:100%}}
@media(prefers-reduced-motion:reduce){.search-results{transition-duration:150ms!important;transform:none!important}}
@media(max-width:29.99rem){.search-grid{grid-template-columns:minmax(0,1fr)}}