/* Preserve mode: Telegram blue, gold interaction, real inventory photography. */
.brand .site-logo { width: 36px; height: 36px; object-fit: contain; border-radius: 50%; flex-shrink: 0; }
.taste-landing { padding: 32px 0 18px; }
.taste-hero { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(28px,4vw,64px); align-items: center; margin: 0; }
.taste-hero.without-featured-car { grid-template-columns: minmax(0,760px); justify-content: center; }
.taste-hero h1 { margin: 12px 0 20px; font-size: clamp(34px,4.2vw,60px); font-weight: 650; line-height: 1.12; letter-spacing: -.035em; }
.taste-hero .eyebrow { font-size: 12px; letter-spacing: .07em; margin: 0; }
.taste-hero .hero-description { max-width: 45ch; font-size: 16px; line-height: 1.65; margin: 0; }
.taste-hero .smart-search { margin: 24px 0 0; text-align: left; }
.search-box .search-label { flex: 0 0 100%; font-size: 14px; font-weight: 600; text-align: left; }
.taste-hero .search-box { align-items: stretch; }
.taste-hero .search-box input { flex-basis: 200px; }
.taste-hero .search-box .btn-primary { padding-inline: 20px; white-space: nowrap; }
.search-secondary-actions { display: flex; flex-wrap: wrap; gap: 4px 20px; align-items: start; margin: 8px 0; }
.search-filter-link { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; }
.search-methods { flex: 1; min-width: min(190px,100%); }
.search-methods summary { padding: 11px 0; min-height: 44px; cursor: pointer; font-size: 14px; color: var(--fg-muted); }
.search-methods[open] { flex-basis: 100%; }
.search-methods .search-tools { justify-content: flex-start; margin: 0; }
.search-methods .field-hint { margin: 8px 0 0; }
.taste-hero .search-hint { font-size: 12px; line-height: 1.5; margin: 4px 0 0; }
.taste-hero:has(.photo-results:not([hidden])) { grid-template-columns: minmax(0,1fr); }
.taste-hero:has(.photo-results:not([hidden])) .hero-featured { display: none; }
.hero-featured { margin: 0; min-width: 0; }
.hero-photo { display: block; aspect-ratio: 16/10; max-height: 340px; border-radius: 18px; overflow: hidden; background: var(--surface-2); }
.hero-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hero-featured figcaption { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 16px 0 0; }
.hero-featured figcaption small { display: block; font-size: 12px; color: var(--fg-muted); }
.hero-car-title { display: block; color: var(--fg); font-size: 20px; font-weight: 650; line-height: 1.4; margin: 5px 0; overflow-wrap: anywhere; text-decoration: none; }
.hero-car-source { font-size: 13px; text-underline-offset: 3px; }
.hero-car-price { text-align: right; align-self: center; }
.hero-car-price strong { display: block; color: var(--price); font-size: 22px; font-weight: 650; font-variant-numeric: tabular-nums; }
.catalog-intro-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding: 18px 0 0; margin-top: 22px; border-top: 1px solid var(--border); color: var(--fg-muted); font-size: 13px; }
.catalog-intro-meta a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.catalog-intro-meta a:first-of-type { margin-left: auto; }
.taste-landing + .market-directory { margin-top: 8px; }
.market-heading { margin: 0 0 10px; }
.market-heading h2 { font-size: 19px; }
.market-heading > a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; }
.top-sellers { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 0; }
.top-seller { padding: 12px 10px; gap: 8px; min-height: 90px; border-radius: 12px; }
.seller-rank { font-size: 13px; }
.seller-name { font-size: 12px; line-height: 1.4; }
.seller-name small { font-size: 11px; overflow-wrap: anywhere; }
.seller-stock { font-size: 16px; }
.seller-stock small { font-size: 11px; }
.ranking-explanation { color: var(--fg-muted); font-size: 12px; margin: 4px 0 16px; }
.ranking-explanation > summary { cursor: pointer; min-height: 36px; padding: 10px 0; }
.ranking-explanation p { margin: 0 0 12px; }
.market-directory > .search-scope { margin: 0 0 16px; }
.market-directory > .market-map-panel { margin-top: 36px; }
.taste-getting-started { border: 0; border-top: 1px solid var(--border); border-radius: 0; background: none; padding: 30px 0 0; }
.taste-getting-started ol { counter-reset: auto-step; list-style: none; padding: 0; }
.taste-getting-started li { border-left: 2px solid var(--border-strong); padding-left: 16px; }
.taste-getting-started li strong { font-size: 17px; }
.taste-getting-started li span { font-size: 13px; }
.page-link.is-disabled { opacity: 1; color: var(--fg-muted); }
.media-status a, .field-hint a { text-decoration: underline; text-underline-offset: 3px; }
.hero-photo:focus-visible, .hero-car-title:focus-visible, .search-filter-link:focus-visible, .search-methods summary:focus-visible { outline: 2px solid var(--search-gold); outline-offset: 4px; }
@media(hover:hover){.hero-photo:hover { outline: 1px solid var(--search-gold); outline-offset: 3px; }}
@media(max-width:1150px){.top-sellers { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 5px; }.top-seller { flex: 0 0 224px; scroll-snap-align: start; }}
@media(max-width:900px){.taste-hero { gap: 24px; }.taste-hero h1 { font-size: 38px; }.hero-featured figcaption { grid-template-columns: minmax(0,1fr); }.hero-car-price { text-align: left; }}
@media(max-width:700px){
 .taste-landing { padding: 24px 0 12px; }
 .taste-hero { grid-template-columns: minmax(0,1fr); gap: 22px; }
 .taste-hero h1 { font-size: 34px; margin: 10px 0 14px; }
 .taste-hero .hero-description { font-size: 15px; line-height: 1.6; }
 .taste-hero .smart-search { margin-top: 18px; }
 .taste-hero .search-box { flex-direction: row; }
 .taste-hero .search-box input { flex: 1 1 100%; min-height: 48px; }
 .taste-hero .search-box .btn-primary { width: 100%; min-height: 48px; }
 .search-secondary-actions { gap: 0 18px; margin: 2px 0; }
 .search-filter-link, .search-methods summary { font-size: 13px; }
 .search-methods .btn-secondary { padding: 8px 10px; }
 .hero-featured { display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 14px; align-items: center; padding-top: 18px; border-top: 1px solid var(--border); }
 .hero-photo { width: 104px; aspect-ratio: 1; border-radius: 12px; }
 .hero-featured figcaption { padding: 0; gap: 5px; }
 .hero-car-title { font-size: 15px; margin: 3px 0; }
 .hero-car-source { font-size: 12px; }
 .hero-car-price strong { font-size: 18px; }
 .hero-car-price { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 10px; }
 .catalog-intro-meta { gap: 2px 16px; margin-top: 18px; padding-top: 12px; font-size: 12px; }
 .catalog-intro-meta a:first-of-type { margin-left: 0; }
 .market-heading h2 { font-size: 17px; }
 .top-seller { flex-basis: 218px; min-height: 80px; }
 .ranking-explanation { margin-bottom: 8px; }
 .market-directory > .search-scope { gap: 6px; }
 .market-directory > .search-scope > details { padding-block: 10px; }
 :root:has(.site-menu-button:not([hidden])) .market-directory > .search-scope > .btn-secondary { display: none; }
 .market-directory > .market-map-panel { margin-top: 24px; }
 .taste-getting-started { padding-top: 24px; }
 .market-directory .results-head { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; align-items: center; }
 .market-directory .results-head .results-count { grid-column: 1; grid-row: 1; margin: 0; }
 .market-directory .results-head .mobile-filter-trigger { grid-column: 2; grid-row: 1; }
 .market-directory .results-head .save-search-link { grid-column: 1; grid-row: 2; }
 .market-directory .results-head > .page-link { grid-column: 2; grid-row: 2; }
 .market-directory .results-head .view-switch, .market-directory .results-head .field-inline { grid-column: 1 / -1; }
 .market-directory .results-head :is(.btn-secondary,.page-link) { min-width: 0; padding-inline: 10px; font-size: 12px; }
}
@media(max-width:900px){
 :root:has(.site-menu-button:not([hidden])) .catalog-layout-right > .sidebar { display: none; }
 :root:has(.site-menu-button:not([hidden])) .catalog-layout-right > .results { grid-row: 1; }
}
@media(min-width:360px) and (max-width:600px){
 :root:not([data-catalog-view=stream]) .results .card-preview { display: none; }
 :root:not([data-catalog-view=stream]) .results .publication-note { display: none; }
 :root:not([data-catalog-view=stream]) .results .card-published { font-size: 11px; }
}
@media(max-width:359px){.taste-hero h1{font-size:30px}.search-secondary-actions{gap:0 12px}.hero-featured{grid-template-columns:88px minmax(0,1fr)}.hero-photo{width:88px}}