/* Motion is optional; content remains visible before scripts run. */
@keyframes aashian-pop-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes aashian-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 body,.header,.filters,.card,.info-card,.trust-cards article,footer,.hero-search,.ash-panel,.ash-form{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
 .card{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background-color 180ms ease}
 .btn,.saved-nav,.save-btn,.text-btn,.theme-toggle,.header nav a,.footer-contact-link,.ash-launcher,#ash-topic-list button{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
 .hero-search>label,.directory-search{transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
 dialog[open],.ash-open .ash-panel,.compare-tray:not([hidden]){animation:aashian-pop-in 180ms ease-out}
 @media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000017;border-color:#d59b6d}.btn:hover,.footer-contact-link:hover{transform:translateY(-1px)}}
 @media(max-width:860px){.header nav.open{animation:aashian-menu-in 160ms ease-out}#filters-form:not(.closed){animation:aashian-pop-in 180ms ease-out}}
}
.card:focus-within{box-shadow:0 8px 24px #ff7a001c}.btn:active,.saved-nav:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.btn:hover,.btn:active,.saved-nav:active,.footer-contact-link:hover{transform:none!important}}

/* A distinct search surface in the established orange-and-charcoal palette. */
.page-home .hero-search{background:#171717;border:2px solid #ff7a00;box-shadow:0 12px 34px #ff7a0026;padding:14px;gap:10px}
.page-home .hero-search>label{background:#fff9f1;border:1px solid #cdbba5;border-radius:8px;padding:10px 13px}
.page-home .hero-search .field-label{color:#594437}
.page-home .hero-search :is(input,select){background:transparent;color:#242721;min-height:28px;font-size:14px}
.page-home .hero-search .search-place>.icon{color:#b95300}
.page-home .hero-search>label:focus-within{background:#fff;border-color:#b95300;box-shadow:0 0 0 3px #ff7a0045}
.page-home .hero-search input::placeholder{color:#667065;opacity:1}
.page-home .hero-search .primary{align-self:stretch;font-weight:700;box-shadow:0 3px 12px #0003}
.search-filter{padding:14px;background:#fff0df;border:1px solid #d9a77b;border-radius:10px;color:#3b291d}
.directory-search{display:flex;align-items:center;gap:9px;padding-left:12px;margin-top:10px;background:#fff;border:2px solid #b95300;border-radius:8px;min-height:50px}
.directory-search-icon{display:flex;color:#b95300;flex-shrink:0}.directory-search-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.filter-label .directory-search input{border:0;border-radius:6px;background:transparent;margin:0;padding:12px 10px 12px 0;font-size:14px;color:#242721;min-width:0}
.directory-search:focus-within{border-color:#b95300;box-shadow:0 0 0 3px #ff7a003b}
:root[data-theme="dark"] .page-home .hero-search{background:#382a20;border-color:#ff9c44;box-shadow:0 12px 34px #0005}
:root[data-theme="dark"] .page-home .hero-search>label{background:#191919;border-color:#76736d}
:root[data-theme="dark"] .page-home .hero-search .field-label{color:#d5cbbf}
:root[data-theme="dark"] .page-home .hero-search :is(input,select){color:#f4f1eb;background:transparent}
:root[data-theme="dark"] .page-home .hero-search input::placeholder{color:#b8b5ad}
:root[data-theme="dark"] .page-home .hero-search>label:focus-within{background:#242424;border-color:#ff9c44}
:root[data-theme="dark"] .page-home .hero-search .search-place>.icon{color:#ff9c44}
:root[data-theme="dark"] .search-filter{color:#f5cba6;background:#382a20;border-color:#a96c3e}
:root[data-theme="dark"] .directory-search{background:#191919;border-color:#ff9c44}
:root[data-theme="dark"] .filter-label .directory-search input{background:transparent;color:#f4f1eb}
:root[data-theme="dark"] .directory-search-icon{color:#ff9c44}
@media(max-width:600px){.page-home .hero-search{padding:12px;gap:10px}.page-home .hero-search .search-place{padding:10px 12px}.page-home .hero-search :is(input,select),.filter-label .directory-search input{font-size:16px}.page-home .hero-search .primary{min-height:48px}}
