.marketplace-page { background: #f8fbf8; }.marketplace-main { padding-top: 70px; }.marketplace-browser-header { padding: 55px 0 42px; color: #fff; background: var(--market-green-deep); }.marketplace-kicker { color: #b7d9bd; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.marketplace-browser-header h1 { margin-top: 8px; font-size: clamp(2.2rem, 4vw, 3.7rem); }.marketplace-browser-search { display: grid; grid-template-columns: 1fr auto; max-width: 700px; min-height: 54px; margin-top: 24px; background: #fff; }.marketplace-browser-search input { min-width: 0; border: 0; padding: 12px 14px; outline: 0; }.marketplace-browser-search button { min-width: 96px; border: 0; color: #fff; background: #b65d20; font-weight: 750; cursor: pointer; }.marketplace-browser { padding: 30px 0 60px; }.marketplace-filter-bar { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 25px; }.marketplace-filter-bar label { display: grid; gap: 5px; color: #536258; font-size: .75rem; font-weight: 750; }.marketplace-filter-bar select { min-width: 180px; padding: 9px; border: 1px solid var(--market-line); background: #fff; }.marketplace-results-summary { margin-bottom: 14px; color: #627067; font-size: .84rem; }.marketplace-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.marketplace-result-card { display: grid; align-content: start; gap: 15px; min-height: 246px; padding: 20px; border: 1px solid var(--market-line); border-radius: 6px; background: #fff; }.marketplace-result-card h2 { color: var(--market-ink); font-size: 1.3rem; }.marketplace-result-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.marketplace-result-card dt { color: #718077; font-size: .68rem; }.marketplace-result-card dd { margin: 2px 0 0; color: var(--market-ink); font-size: .8rem; }.marketplace-result-card .homepage-button { justify-self: start; margin-top: auto; }.marketplace-detail { display: grid; gap: 13px; margin-bottom: 25px; padding: 24px; border-left: 4px solid var(--market-green); background: #eaf5ec; }.marketplace-detail h2 { color: var(--market-ink); font-size: 1.7rem; }.marketplace-detail p { max-width: 760px; color: #4d5d53; }.marketplace-back { color: var(--market-green); font-size: .8rem; font-weight: 750; }
@media (max-width: 800px) { .marketplace-results { grid-template-columns: 1fr; }.marketplace-browser-header { padding-block: 38px; } }.marketplace-browser-search button { min-width: 76px; } }