.market-hero-shell {position:relative; max-width:1200px; margin:0 auto; padding:48px 40px 18px; background-image:url("/images/home-hero-background.png"); background-size:cover; background-position:center;}
.market-hero-copy {max-width:760px; margin-bottom:34px;}
.market-hero-copy h1 {margin:0 0 20px; font-family:Georgia,"Times New Roman",serif; font-size:60px; line-height:1; letter-spacing:-2px; color:#111;}
.market-hero-copy h1 span {color:#28693d; font-family:'Fraunces';}
.market-hero-copy p {max-width:520px; margin:0; font-size:18px; line-height:1.5; color:#333;}
.market-search-panel {position:static; display:grid; grid-template-columns:minmax(300px,2fr) minmax(180px,1fr) 160px; gap:10px; align-items:end; width:700px; max-width:100%; margin-top:34px; padding:18px; background:#fff; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.12);}
.search-field {display:flex; flex-direction:column; gap:6px; min-width:0;}
.search-field label {font-size:11px; color:#555;}
.search-field input[type=text] {width:100%; height:46px; padding:12px; border:1px solid #d8d8d8; border-radius:7px; background:#fff; box-shadow:none;}
.market-search-panel input[type=submit] {width:100%; height:46px; margin:0; padding:0 18px; border:0; border-radius:7px; background:#28693d; color:#fff; font-weight:700;}
.popular-searches {display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:4px; font-size:12px;}
.popular-searches span {margin-right:3px; color:#666;}
.popular-searches a {padding:4px 10px; border:1px solid #dbe6d7; border-radius:16px; background:#eef4ea; color:#315f38; text-decoration:none;}
.market-stats {position:relative; display:flex; width:620px; max-width:100%; margin-top:0; padding:18px 20px; background:linear-gradient(90deg,rgba(8,20,12,.88) 0%,rgba(8,20,12,.78) 75%,rgba(8,20,12,.35) 100%); color:#fff;}
.market-stat {flex:1; display:flex; align-items:center; justify-content:center; gap:12px; min-width:0;}
.market-stat + .market-stat {border-left:1px solid rgba(255,255,255,.22);}
.stat-icon {width:34px; height:34px; flex:0 0 34px; color:#86c66d;}
.stat-icon svg {width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.market-stat strong {display:block; font-size:21px; line-height:1.05; color:#fff;}
.market-stat div span {display:block; margin-top:5px; font-size:11px; color:rgba(255,255,255,.92);}
.market-hero-shell::after {content:none; display:none;}
.market-hero-map, .map-placeholder, #detroitMap, .hero-map-image, .hero-map-button {display:none;}
.market-results {max-width:1400px; margin:34px auto 0;}

.home-section {max-width:1400px; margin:0 auto; padding:25px 42px;}
.markets-nearby {padding-top:32px;}
.market-card-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;}
.market-card {display:block; overflow:hidden; background:#fff; border:1px solid #e1e2db; border-radius:12px; color:inherit; box-shadow:0 3px 13px rgba(0,0,0,.04); transition:transform .15s ease,box-shadow .15s ease;}
.market-card:hover {text-decoration:none; transform:translateY(-3px); box-shadow:0 9px 25px rgba(0,0,0,.09);}
.market-card-image {position:relative; height:135px; overflow:hidden; background:#e5ebe1;}
.market-card-image img {width:100%; height:100%; object-fit:cover;}
.market-card-heart {position:absolute; top:12px; right:12px; display:flex; width:34px; height:34px; align-items:center; justify-content:center; background:rgba(255,255,255,.92); border-radius:50%; font-size:21px;}
.market-card-content {padding:10px 12px 11px;}
.market-card-content h3 {margin:0 0 3px; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:700;}
.market-card-meta {display:flex; flex-direction:column; gap:3px; margin-bottom:6px;}
.market-card-location, .market-card-schedule {display:flex; align-items:center; gap:5px; margin:0; font-size:11px; color:#485c4d;}
.market-card-location svg, .market-card-schedule svg {width:12px; height:12px; flex:0 0 12px; fill:none; stroke:#3f6d49; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.market-card-tags {display:flex; flex-wrap:wrap; gap:0; font-size:10px; color:#355640;}
.market-card-tags span {padding:0; background:none; border-radius:0; color:inherit; font-size:inherit; font-weight:400;}
.market-card-tags span + span::before {content:"•"; margin:0 7px; color:#55725c;}

.fresh-products {background:#f7f5ee;}
.fresh-product-grid {display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px;}
.fresh-product-card {display:block; color:inherit; text-align:left;}
.fresh-product-card:hover {text-decoration:none;}
.fresh-product-image {width:100%; aspect-ratio:1/1; overflow:hidden; background:#e5eadf; border-radius:8px;}
.fresh-product-image img {width:100%; height:100%; object-fit:cover;}
.fresh-product-placeholder {background:linear-gradient(145deg,#dae6d5,#edf1e8);}
.fresh-product-content {padding:8px 2px 0;}
.fresh-product-content h3 {margin:0 0 3px; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; color:#183d25;}
.fresh-product-farms {display:flex; align-items:center; gap:4px; font-size:10px; color:#65806a;}
.fresh-product-farms svg {width:11px; height:11px; fill:none; stroke:#4f8058; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.fresh-product-content span {font-size:12px; color:#718074;}

.featured-farms {background:#fff;}
.featured-farm-grid {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px;}
.featured-farm-card {display:block; overflow:hidden; background:#fff; border:1px solid #e0e2dc; border-radius:12px; color:inherit; box-shadow:0 3px 13px rgba(0,0,0,.04); transition:transform .15s ease,box-shadow .15s ease;}
.featured-farm-card:hover {text-decoration:none; transform:translateY(-3px); box-shadow:0 9px 24px rgba(0,0,0,.09);}
.featured-farm-image {position:relative; height:175px; overflow:hidden; background:linear-gradient(145deg,#dce8d7,#edf2e9);}
.farm-image-placeholder {display:flex; width:100%; height:100%; align-items:center; justify-content:center; padding:20px; font-family:Georgia,"Times New Roman",serif; font-size:20px; text-align:center; color:#44634b;}
.featured-farm-heart {position:absolute; top:12px; right:12px; display:flex; width:34px; height:34px; align-items:center; justify-content:center; background:rgba(255,255,255,.92); border-radius:50%; font-size:21px;}
.featured-farm-content {padding:18px;}
.featured-farm-content h3 {margin:0 0 5px; font-family:Georgia,"Times New Roman",serif; font-size:19px; color:#193d26;}
.featured-farm-location {margin-bottom:10px; color:#637466; font-size:12px; font-weight:600;}
.featured-farm-content p {min-height:42px; margin:0 0 14px; font-size:13px; line-height:1.5; color:#555;}
.featured-farm-tags {display:flex; flex-wrap:wrap; gap:5px;}
.featured-farm-tags span {padding:4px 8px; background:#eef4ea; border-radius:12px; color:#426149; font-size:10px; font-weight:700;}

.how-it-works {padding:75px 42px 85px; background:#f3f0e6; text-align:center;}
.how-heading {max-width:650px; margin:0 auto 48px;}
.how-heading h2 {margin:5px 0 12px; font-family:Georgia,"Times New Roman",serif; font-size:38px; color:#173c25;}
.how-heading p {margin:0; color:#687069; font-size:15px;}
.how-steps {display:grid; grid-template-columns:repeat(4,1fr); gap:30px; max-width:1150px; margin:0 auto;}
.how-step {position:relative; padding:15px 25px;}
.step-number {position:absolute; top:0; left:calc(50% + 24px); display:flex; width:22px; height:22px; align-items:center; justify-content:center; background:#2e6a3c; border-radius:50%; color:#fff; font-size:11px; font-weight:700;}
.step-icon {display:flex; width:70px; height:70px; margin:0 auto 18px; align-items:center; justify-content:center; background:#fff; border:1px solid #dce4d8; border-radius:50%; font-size:29px; box-shadow:0 4px 14px rgba(0,0,0,.05);}
.how-step h3 {margin:0 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:20px; color:#193d26;}
.how-step p {max-width:220px; margin:0 auto; color:#687069; font-size:13px; line-height:1.55;}

.newsletter-band {padding:52px 42px; background:#2d6239; color:#fff;}
.newsletter-inner {display:flex; align-items:center; justify-content:space-between; gap:50px; max-width:1200px; margin:0 auto;}
.newsletter-copy h2 {margin:0 0 7px; font-family:Georgia,"Times New Roman",serif; font-size:34px; color:#fff;}
.newsletter-copy p {margin:0; color:rgba(255,255,255,.82); font-size:14px;}
.newsletter-form {display:flex; width:440px; max-width:100%; padding:5px; background:#fff; border-radius:8px;}
.newsletter-form input {flex:1; min-width:0; height:45px; padding:0 14px; border:0; outline:0; background:transparent; font-size:14px;}
.newsletter-form button {height:45px; padding:0 22px; border:0; border-radius:6px; background:#173c25; color:#fff; font-weight:700; cursor:pointer;}
.newsletter-form button:hover {background:#0e2c1a;}

.search-actions {grid-column:1 / -1; display:flex; align-items:center; gap:18px; margin-top:0;}
.search-actions input[type=submit] {flex:0 0 auto; width:auto; min-width:190px; height:46px; padding:0 24px;}
.search-actions .popular-searches {display:flex; flex:1; align-items:center; flex-wrap:wrap; gap:7px; margin:0;}
.search-actions .popular-searches span {margin-right:4px; white-space:nowrap;}
@media (max-width:760px) {.search-actions {display:block;}.search-actions input[type=submit] {width:100%;}.search-actions .popular-searches {margin-top:14px;}}

@media (max-width:1150px) {.featured-farm-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:1100px) {.fresh-product-grid {grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:1000px) {.market-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px) {.market-hero-shell {position:relative; padding:40px 22px; margin-left:-28px; margin-right:-28px; margin-top:-45px; max-width:none;}}
@media (max-width:900px) {.market-hero-copy h1 {font-size:44px;}}
@media (max-width:900px) {.market-search-panel {position:static; grid-template-columns:1fr; width:100%;}}
@media (max-width:900px) {.popular-searches {grid-column:1;}}
@media (max-width:900px) {.market-stats {position:static; width:100%; flex-wrap:wrap; gap:18px;}}
@media (max-width:900px) {.market-stats > div {min-width:120px;}}
@media (max-width:800px) {.how-steps {grid-template-columns:repeat(2,1fr);}}
@media (max-width:750px) {.newsletter-inner {flex-direction:column; align-items:flex-start;}}
@media (max-width:750px) {.newsletter-form {width:100%;}}
@media (max-width:750px) {.newsletter-band {padding:42px 20px;}}
@media (max-width:700px) {.featured-farm-grid {grid-template-columns:1fr;}}
@media (max-width:650px) {.fresh-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px) {.home-section {padding:45px 20px;}}
@media (max-width:600px) {.market-card-grid {grid-template-columns:1fr;}}
@media (max-width:600px) {.section-heading {align-items:flex-start;}}
@media (max-width:500px) {.how-steps {grid-template-columns:1fr;}}
@media (max-width:500px) {.how-it-works {padding:55px 20px;}}