/* Temporary Advanced / Pro Search experiment. Remove this stylesheet and the
   market-search-experiment page class to restore the shared search styling. */
#main-content.market-search-page.market-search-experiment {
    --explore-tint: color-mix(in srgb, var(--search-accent) 7%, var(--search-surface));
    --explore-ring: color-mix(in srgb, var(--search-accent) 22%, transparent);
    background: var(--explore-tint);
    border-radius: 0 0 24px 24px;
}
#main-content.market-search-page.market-search-experiment .market-page-heading {
    padding: 12px 0 12px 20px;
    border-left: 4px solid var(--search-accent);
    margin-block: 4px 24px;
}
#main-content.market-search-page.market-search-experiment .market-page-heading h1 {
    font-size: 34px;
    letter-spacing: -.035em;
    line-height: 1.15;
}
#main-content.market-search-page.market-search-experiment .market-search-intro { margin-top: 8px; }
#main-content.market-search-page.market-search-experiment .filter-area {
    border-color: transparent;
    border-radius: 16px;
    background: var(--search-surface);
    box-shadow: 0 4px 24px rgb(15 60 42 / 6%);
}
#main-content.market-search-page.market-search-experiment .market-filter-heading {
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 17px;
}
#main-content.market-search-page.market-search-experiment :is(#filterForm,#toolbarFilters) .form-field-group {
    border-radius: 10px;
    transition: background-color 180ms ease, box-shadow 180ms ease;
}
#main-content.market-search-page.market-search-experiment :is(#filterForm,#toolbarFilters) .form-field-group:focus-within {
    background: var(--explore-tint);
    box-shadow: 0 0 0 8px var(--explore-tint);
}
#main-content.market-search-page.market-search-experiment :is(#filterForm,#toolbarFilters) :is(input,select) {
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
#main-content.market-search-page.market-search-experiment :is(#filterForm,#toolbarFilters) :is(input,select):focus-visible {
    outline: 2px solid var(--search-accent);
    outline-offset: 2px;
    box-shadow: 0 0 0 5px var(--explore-ring);
}
#main-content.market-search-page.market-search-experiment :is(#filterForm,#toolbarFilters) label:has(input:checked) {
    color: var(--search-accent);
    font-weight: 600;
}
#main-content.market-search-page.market-search-experiment .view-selector-row {
    border-bottom: 0;
    padding-bottom: 8px;
}
#main-content.market-search-page.market-search-experiment .market-results-heading { font-size: 20px; }
#main-content.market-search-page.market-search-experiment .market-result-card {
    border: 1px solid color-mix(in srgb, var(--search-border) 60%, var(--search-surface));
    background: var(--search-surface);
    border-left: 3px solid transparent;
    border-radius: 14px;
    box-shadow: 0 2px 5px rgb(15 60 42 / 3%);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
#main-content.market-search-page.market-search-experiment .market-result-card .domain-name {
    font-size: 21px;
    line-height: 1.35;
    letter-spacing: -.025em;
}
#main-content.market-search-page.market-search-experiment .market-result-card:focus-within {
    border-left-color: var(--search-accent);
    box-shadow: 0 4px 18px rgb(15 60 42 / 9%);
}
#main-content.market-search-page.market-search-experiment .market-results-table tbody tr {
    transition: background-color 160ms ease;
}
#main-content.market-search-page.market-search-experiment .market-results-table tbody tr:focus-within {
    background: var(--explore-tint);
}
#main-content.market-search-page.market-search-experiment :is(.market-result-card,.view-selector-row,:is(#filterForm,#toolbarFilters)) .market-button {
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
#main-content.market-search-page.market-search-experiment .market-result-card .market-button--primary {
    box-shadow: 0 3px 8px rgb(15 60 42 / 13%);
}
#main-content.market-search-page.market-search-experiment :is(.market-result-card,.view-selector-row,:is(#filterForm,#toolbarFilters)) .market-button:active:not(:disabled) {
    transform: translateY(1px);
    box-shadow: none;
}
@media (hover: hover) and (pointer: fine) {
    #main-content.market-search-page.market-search-experiment .market-result-card:hover {
        transform: translateY(-2px);
        border-left-color: var(--search-accent);
        background: color-mix(in srgb, var(--search-accent) 2%, var(--search-surface));
        box-shadow: 0 7px 20px rgb(15 60 42 / 10%);
    }
    #main-content.market-search-page.market-search-experiment .market-results-table tbody tr:hover { background: var(--explore-tint); }
    #main-content.market-search-page.market-search-experiment :is(.market-result-card,.view-selector-row,:is(#filterForm,#toolbarFilters)) .market-button:hover:not(:disabled) { transform: translateY(-1px); }
}
@media (max-width: 767px) {
    #main-content.market-search-page.market-search-experiment .market-page-heading h1 { font-size: 29px; }
    #main-content.market-search-page.market-search-experiment .market-page-heading { padding-left: 16px; }
    #main-content.market-search-page.market-search-experiment .market-result-card .domain-name { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    #main-content.market-search-page.market-search-experiment *,
    #main-content.market-search-page.market-search-experiment *::before,
    #main-content.market-search-page.market-search-experiment *::after {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}

#main-content.market-search-page.market-search-experiment :is(.market-button--secondary,.view-selector-btn,.inventory-btn,.btn-filter,.sort-btn) {
    background: var(--search-surface);
    color: var(--search-text);
    border-color: var(--search-border);
}
#main-content.market-search-page.market-search-experiment .market-button--primary,
#main-content.market-search-page.market-search-experiment .view-selector-btn.active {
    background: var(--search-accent);
    color: var(--search-on-accent);
}

/* Pro Search keeps its compact groups, with the same interaction feedback. */
#main-content.market-pro.market-search-experiment .prosearch-toolbar {
    background: var(--search-surface);
    border-color: var(--search-border);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgb(15 60 42 / 6%);
}
#main-content.market-pro.market-search-experiment .toolbar-section {
    transition: background-color 180ms ease;
}
#main-content.market-pro.market-search-experiment .toolbar-section:focus-within {
    background: var(--explore-tint);
}
#main-content.market-pro.market-search-experiment .toolbar-section:first-of-type { border-top-left-radius: 16px; }
#main-content.market-pro.market-search-experiment .toolbar-item-reset { border-radius: 0 0 16px 16px; }
#main-content.market-pro.market-search-experiment .prosearch-table-wrapper {
    border-radius: 14px;
    box-shadow: 0 2px 5px rgb(15 60 42 / 3%);
}