:root { --market-green: #0b4d2c; --market-green-deep: #07351e; --market-mint: #eff7f0; --market-ink: #15241d; --market-line: #dce7de; --market-spice: #b65d20; }

.homepage-shell { width: min(100% - 40px, 1320px); margin-inline: auto; }
.site-header:has(.homepage-post-requirement) { color: var(--market-ink); background: rgb(255 255 255 / .97); box-shadow: 0 2px 16px rgb(18 39 27 / .06); }
.homepage-post-requirement { min-height: 38px; padding: 9px 14px; color: #fff; background: var(--market-green); }
.homepage-post-requirement:hover { color: #fff; background: var(--market-green-deep); }
.marketplace-hero { padding: 116px 0 40px; background: #fff; }
.homepage-hero-grid { display: grid; grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr); gap: clamp(32px, 5vw, 88px); align-items: center; }
.homepage-hero-copy { max-width: 590px; padding-block: 26px; }
.homepage-hero-copy h1 { max-width: 570px; color: var(--market-ink); font-size: clamp(2.7rem, 4.25vw, 4.5rem); line-height: 1.02; }
.homepage-hero-copy h1 span { display: block; color: var(--market-green); }
.homepage-hero-copy > p { max-width: 460px; margin-top: 18px; color: #526158; font-size: 1.08rem; }
.marketplace-search { display: grid; grid-template-columns: 1fr auto; max-width: 560px; min-height: 58px; margin-top: 28px; border: 1px solid #cfdcd1; background: #fff; box-shadow: 0 8px 22px rgb(20 51 30 / .07); }
.marketplace-search:focus-within { border-color: var(--market-green); box-shadow: 0 0 0 3px rgb(11 77 44 / .14); }
.marketplace-search input { min-width: 0; border: 0; padding: 14px 16px; color: var(--market-ink); outline: 0; }
.marketplace-search button { min-width: 58px; border: 0; color: #fff; background: var(--market-green); font-weight: 750; cursor: pointer; }
.marketplace-search button:hover { background: var(--market-green-deep); }
.popular-searches { display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 14px !important; font-size: .79rem !important; }
.popular-searches strong { color: var(--market-ink); }.popular-searches a { color: var(--market-green); font-weight: 650; }
.homepage-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.homepage-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 11px 19px; border: 1px solid transparent; border-radius: 4px; font-size: .9rem; font-weight: 750; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.homepage-button:hover { transform: translateY(-1px); }.homepage-button-primary { color: #fff; background: var(--market-green); }.homepage-button-primary:hover { color: #fff; background: var(--market-green-deep); }.homepage-button-secondary { border-color: var(--market-green); color: var(--market-green); background: #fff; }.homepage-button-secondary:hover { color: var(--market-green-deep); background: var(--market-mint); }
.hero-product-composition { width: 100%; min-width: 0; aspect-ratio: 1704 / 920; overflow: hidden; background: #f3f8f1; }
.hero-product-composition img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.homepage-section { padding: 40px 0; }.homepage-categories { background: #fff; }.homepage-activity { padding-top: 28px; background: #f8fbf8; }.homepage-section-heading { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; margin-bottom: 18px; }.homepage-section-heading h2 { color: var(--market-ink); font-size: clamp(1.35rem, 2vw, 1.72rem); }.homepage-section-heading a { color: var(--market-green); font-size: .82rem; font-weight: 750; }
.category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }.homepage-category-card { position: relative; display: grid; min-height: 144px; align-content: end; gap: 3px; overflow: hidden; padding: 15px; border: 1px solid var(--market-line); border-radius: 6px; color: var(--market-ink); background: #fff; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.homepage-category-card:hover { border-color: #8fb79a; box-shadow: 0 9px 20px rgb(20 49 29 / .08); transform: translateY(-2px); }.homepage-category-card img { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .13; }.homepage-category-card > *:not(img) { position: relative; z-index: 1; }.homepage-category-number { color: var(--market-green); font-size: .68rem; font-weight: 800; }.homepage-category-card strong { font-size: .95rem; }.homepage-category-card small { color: #637269; font-size: .73rem; }
.marketplace-activity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.marketplace-activity-card { display: flex; min-height: 208px; flex-direction: column; align-items: flex-start; padding: 17px; border: 1px solid var(--market-line); border-radius: 6px; background: #fff; box-shadow: 0 4px 13px rgb(17 43 26 / .03); }.activity-card-top { display: flex; width: 100%; justify-content: space-between; gap: 8px; align-items: start; }.activity-card-top time { color: #77847c; font-size: .7rem; white-space: nowrap; }.activity-badge { display: inline-flex; padding: 4px 6px; border-radius: 3px; font-size: .61rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }.activity-badge-buyer { color: #18623a; background: #e4f3e7; }.activity-badge-seller { color: #8a4317; background: #fff0e2; }.marketplace-activity-card > p { margin-top: 18px; color: #65736a; font-size: .78rem; }.marketplace-activity-card h3 { margin-top: 3px; color: var(--market-ink); font-size: 1.08rem; line-height: 1.22; }.activity-location { margin-top: 13px; color: #58675e; font-size: .75rem; }.marketplace-activity-card a { margin-top: auto; padding-top: 14px; color: var(--market-green); font-size: .77rem; font-weight: 750; }.homepage-loading, .homepage-empty { grid-column: 1 / -1; padding: 22px; border: 1px dashed #b8ccb9; color: #536258; background: #fff; }.homepage-empty strong { display: block; color: var(--market-ink); }.homepage-empty p { margin: 5px 0 12px; font-size: .88rem; }
.homepage-trust { padding: 28px 0; border-top: 1px solid #dce8dc; border-bottom: 1px solid #dce8dc; background: #f1f7f1; }.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }.trust-grid article { display: grid; gap: 4px; padding-left: 13px; border-left: 3px solid #78a887; }.trust-grid strong { color: var(--market-ink); font-size: .82rem; }.trust-grid span { color: #647168; font-size: .72rem; }.trust-grid a { color: var(--market-green); }
.homepage-footer { padding-top: 42px; background: #06351f; }.homepage-footer .footer-top { grid-template-columns: 2.1fr repeat(4, 1fr); }.homepage-footer .footer-bottom { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgb(255 255 255 / .16); }
@media (min-width: 701px) { .site-header:has(.homepage-post-requirement) { height: 56px; }.site-header:has(.homepage-post-requirement) .header-inner { position: relative; }.site-header:has(.homepage-post-requirement) .menu-toggle { display: none; }.site-header:has(.homepage-post-requirement) .site-nav { position: absolute; top: 50%; left: 40%; display: flex; max-height: none; gap: clamp(12px, 1.15vw, 20px); margin: 0; overflow: visible; color: var(--market-ink); background: transparent; box-shadow: none; transform: translateY(-50%); }.site-header:has(.homepage-post-requirement) .site-nav a { padding: 0; border: 0; font-size: .79rem; }.site-header:has(.homepage-post-requirement) .site-nav a::after { display: block; }.site-header:has(.homepage-post-requirement) .customer-sign-in { margin-left: auto; }.site-header:has(.homepage-post-requirement) .header-actions { display: flex; }.site-header:has(.homepage-post-requirement) [data-partner-nav-link] { display: none; }.marketplace-hero { padding: 56px 0 0; }.marketplace-hero .homepage-hero-grid { width: 100%; grid-template-columns: 40% 60%; gap: 0; align-items: start; }.homepage-hero-copy { max-width: 380px; margin-left: clamp(24px, 9.75vw, 140px); padding: 20px 0 0; }.homepage-hero-copy h1 { font-size: clamp(2.25rem, 3.5vw, 3.5rem); }.homepage-hero-copy > p { margin-top: 12px; font-size: .96rem; }.marketplace-search { min-height: 46px; margin-top: 18px; }.popular-searches { margin-top: 8px !important; }.homepage-hero-actions { margin-top: 16px; }.homepage-hero-actions .homepage-button { min-height: 40px; padding-block: 9px; }.hero-product-composition { aspect-ratio: 1.95; } }
@media (min-width: 701px) and (max-width: 1180px) { .site-header:has(.homepage-post-requirement) .language-control { display: none; } }
@media (max-width: 1024px) { .homepage-hero-grid { grid-template-columns: 1fr 1fr; gap: 32px; }.category-grid { grid-template-columns: repeat(3, 1fr); }.marketplace-activity-grid { grid-template-columns: repeat(2, 1fr); }.homepage-footer .footer-top { grid-template-columns: 2fr repeat(2, 1fr); } }
@media (max-width: 700px) { .site-header:has(.homepage-post-requirement) { height: 70px; }.homepage-shell { width: min(100% - 32px, 1320px); }.homepage-post-requirement { display: inline-flex; min-height: 36px; padding-inline: 10px; font-size: .72rem; }.marketplace-hero { padding: 88px 0 24px; }.homepage-hero-grid { grid-template-columns: 1fr; gap: 14px; }.homepage-hero-copy { padding-top: 10px; }.homepage-hero-copy h1 { font-size: clamp(2.35rem, 11vw, 3.25rem); }.homepage-hero-copy > p { font-size: .98rem; }.marketplace-search { min-height: 54px; margin-top: 21px; }.homepage-hero-actions { margin-top: 20px; }.homepage-hero-actions .homepage-button { flex: 1; }.hero-product-composition img { object-position: 52% center; }.homepage-section { padding: 28px 0; }.category-grid { grid-template-columns: repeat(2, 1fr); }.homepage-category-card { min-height: 125px; }.marketplace-activity-grid { grid-template-columns: 1fr; }.marketplace-activity-card { min-height: 185px; }.trust-grid { grid-template-columns: 1fr 1fr; gap: 16px; }.homepage-footer .footer-top { grid-template-columns: 1fr 1fr; }.homepage-footer .footer-brand { grid-column: 1 / -1; } }
@media (max-width: 390px) { .homepage-post-requirement { font-size: 0; min-width: 38px; padding: 0; }.homepage-post-requirement::after { content: '+'; font-size: 1.1rem; }.popular-searches { gap: 7px 12px; }.trust-grid { grid-template-columns: 1fr; } }