:root{--market-green:#0b5d3b;--market-deep:#073e2c;--market-orange:#FF7000;--market-bg:#f4f7f4;--market-ink:#142d20;--market-muted:#718178;--market-line:#dce7df}
*{box-sizing:border-box}.app-page--marketplace{min-height:100vh;background:var(--market-bg);color:var(--market-ink);font-family:'Poppins',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.marketplace-app{min-height:100vh;padding-bottom:106px}.marketplace-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid rgba(16,43,32,.08);background:rgba(244,247,244,.96);backdrop-filter:blur(18px)}.marketplace-topbar__back,.marketplace-topbar__cart{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(16,43,32,.10);border-radius:15px;background:#fff;color:var(--market-deep);box-shadow:0 4px 12px rgba(15,48,34,.06)}.marketplace-topbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.marketplace-topbar>div{display:grid;gap:2px;min-width:0}.marketplace-topbar>div span{color:#73857b;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marketplace-topbar>div strong{overflow:hidden;color:var(--market-ink);font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.marketplace-topbar i,.marketplace-tabs i{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:99px;background:var(--market-orange);color:#fff;font-size:8px;font-style:normal;font-weight:800}.marketplace-topbar i[hidden],.marketplace-tabs i[hidden]{display:none}
.marketplace-main{max-width:760px;margin:0 auto}.marketplace-hero{padding:24px 18px 21px;background:linear-gradient(145deg,#0c5b3d,#063b2a);color:#fff}.marketplace-hero__eyebrow{display:inline-flex;margin:0 0 10px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.09);color:#ffd26f;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.marketplace-hero h1{margin:0;color:#fff;font-size:clamp(28px,8vw,38px);font-weight:800;line-height:1.07;letter-spacing:-1.2px}.marketplace-hero h1 span{color:#FF7000}.marketplace-hero>p:not(.marketplace-hero__eyebrow){max-width:320px;margin:9px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.5}.marketplace-search{display:flex;min-height:54px;align-items:center;gap:10px;margin-top:18px;padding:5px 6px 5px 15px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#fff;box-shadow:0 9px 20px rgba(0,0,0,.14)}.marketplace-search svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--market-green);stroke-width:2}.marketplace-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--market-ink);font:inherit;font-size:12px}.marketplace-search button{min-height:42px;padding:0 13px;border:0;border-radius:13px;background:var(--market-orange);color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.marketplace-categories,.marketplace-products{padding:25px 18px 0}.marketplace-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.marketplace-section-head>div p{margin:0 0 2px;color:#718178;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.marketplace-section-head h2{margin:0;color:var(--market-ink);font-size:19px;letter-spacing:-.55px}.marketplace-section-head>span{color:#78887f;font-size:10px;font-weight:600}.marketplace-section-head button{border:0;background:none;color:var(--market-orange);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.marketplace-chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}.marketplace-chips::-webkit-scrollbar{display:none}.marketplace-chips button{min-height:36px;flex:0 0 auto;padding:8px 13px;border:1px solid var(--market-line);border-radius:12px;background:#fff;color:#5d7467;font:inherit;font-size:10.5px;font-weight:600;cursor:pointer}.marketplace-chips button.is-active{border-color:var(--market-green);background:var(--market-green);color:#fff}.marketplace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marketplace-card{position:relative;overflow:hidden;border:1px solid #e0e9e2;border-radius:19px;background:#fff;box-shadow:0 8px 19px rgba(8,56,30,.06);transition:transform .18s ease,box-shadow .18s ease}.marketplace-card:active{transform:scale(.985)}.marketplace-card__link{display:block;color:inherit;text-decoration:none}.marketplace-card__image{display:block;width:100%;height:130px;background:#eaf0eb;object-fit:cover}.marketplace-card__image.is-fallback{object-fit:contain;padding:25px}.marketplace-card__body{padding:11px}.marketplace-card__category{display:block;overflow:hidden;margin-bottom:4px;color:#74847b;font-size:9px;font-weight:700;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.marketplace-card h3{overflow:hidden;margin:0;color:var(--market-ink);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.marketplace-card__price{display:block;margin-top:6px;color:var(--market-green);font-size:13px;font-weight:800}.marketplace-card__seller{display:block;overflow:hidden;margin-top:3px;color:#7c8b82;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.marketplace-card__add{width:calc(100% - 22px);min-height:34px;margin:0 11px 11px;padding:6px 8px;border:0;border-radius:10px;background:#edf7ef;color:var(--market-green);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.marketplace-card__add.is-loading{opacity:.58;pointer-events:none}.marketplace-loading,.marketplace-empty{grid-column:1/-1;display:grid;min-height:170px;place-items:center;align-content:center;gap:10px;padding:20px;border:1px dashed #ccd9d0;border-radius:19px;background:#fff;color:#718178;font-size:11px;text-align:center}.marketplace-loading span{width:26px;height:26px;border:3px solid #d8e8dc;border-top-color:var(--market-green);border-radius:50%;animation:market-spin .7s linear infinite}.marketplace-empty strong{color:var(--market-ink);font-size:13px}.marketplace-load-more{display:block;min-height:42px;margin:18px auto 0;padding:0 17px;border:1px solid var(--market-line);border-radius:13px;background:#fff;color:var(--market-green);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.marketplace-toast{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;z-index:180;padding:10px 14px;border-radius:13px;background:rgba(12,45,31,.95);box-shadow:0 12px 24px rgba(4,34,17,.2);color:#fff;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s}.marketplace-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.marketplace-tabs{position:fixed;right:11px;bottom:calc(11px + env(safe-area-inset-bottom));left:11px;z-index:140;display:flex;height:76px;align-items:center;justify-content:space-around;padding:0 5px;border:0;border-radius:38px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(4,46,30,.18)}.marketplace-tabs a{position:relative;display:flex;min-width:49px;flex-direction:column;align-items:center;gap:4px;color:#738178;font-size:10px;font-weight:600;text-decoration:none}.marketplace-tabs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.marketplace-tabs .is-active{color:var(--market-green)}.marketplace-tabs .is-active::before{position:absolute;top:-7px;width:6px;height:6px;border-radius:50%;background:var(--market-green);content:''}.marketplace-tabs__search{width:65px;min-width:65px;height:65px;justify-content:center;margin-top:-32px;border:5px solid var(--market-bg);border-radius:50%;background:linear-gradient(135deg,#FF7000,#FF7000);color:#fff!important;box-shadow:0 9px 19px rgba(242,106,27,.32)}.marketplace-tabs__search svg{width:27px;height:27px}
@keyframes market-spin{to{transform:rotate(360deg)}}@media (min-width:768px){.marketplace-app{max-width:760px;margin:0 auto;border-right:1px solid #e1e9e3;border-left:1px solid #e1e9e3;background:var(--market-bg)}.marketplace-tabs{left:50%;max-width:738px;transform:translateX(-50%)}.marketplace-hero{padding:34px 28px 28px}.marketplace-categories,.marketplace-products{padding-right:28px;padding-left:28px}.marketplace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:359px){.marketplace-topbar{padding-right:13px;padding-left:13px}.marketplace-hero,.marketplace-categories,.marketplace-products{padding-right:13px;padding-left:13px}.marketplace-card__image{height:112px}.marketplace-tabs{right:8px;left:8px}.marketplace-tabs a{min-width:40px;font-size:8px}}
@media (max-width:767px){.app-page--marketplace .marketplace-tabs{display:none!important}}
/* Marketplace category explorer */
.marketplace-categories { padding-top: 23px; }
.marketplace-categories .marketplace-section-head { align-items: end; margin-bottom: 13px; }
.marketplace-categories .marketplace-section-head > div p { margin: 0 0 2px; color: var(--market-orange); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.marketplace-categories .marketplace-chips { display: grid; grid-auto-columns: 88px; grid-auto-flow: column; gap: 10px; overflow-x: auto; padding: 1px 1px 7px; scroll-padding-left: 1px; scroll-snap-type: x proximity; }
.marketplace-categories .marketplace-chips::after { width: 8px; content: ''; }
.marketplace-categories .marketplace-category { display: flex; min-height: 94px; align-items: center; justify-content: center; gap: 7px; padding: 10px 6px; border: 1px solid #dfe9e2; border-radius: 18px; background: #fff; color: #315444; box-shadow: 0 6px 16px rgba(8, 56, 30, .045); font: inherit; font-size: 10px; font-weight: 700; line-height: 1.2; text-align: center; white-space: normal; scroll-snap-align: start; }
.marketplace-categories .marketplace-category__icon { display: grid; width: 35px; height: 35px; flex: 0 0 35px; place-items: center; border-radius: 12px; background: #eef7f0; color: var(--market-green); font-size: 17px; line-height: 1; }
.marketplace-categories .marketplace-category:nth-child(3n) .marketplace-category__icon { background: #fff1e4; color: var(--market-orange); }
.marketplace-categories .marketplace-category:nth-child(4n) .marketplace-category__icon { background: #eef1ff; color: #5368aa; }
.marketplace-categories .marketplace-category.is-active { border-color: var(--market-green); background: var(--market-green); color: #fff; box-shadow: 0 9px 18px rgba(11, 93, 59, .19); }
.marketplace-categories .marketplace-category.is-active .marketplace-category__icon { background: rgba(255,255,255,.15); color: #ffd06a; }
.marketplace-categories .marketplace-category:active { transform: scale(.96); }
@media (min-width: 768px) { .marketplace-categories .marketplace-chips { grid-auto-columns: 108px; } .marketplace-categories .marketplace-category { min-height: 102px; } }

/* Responsive food and grocery category layout */
.marketplace-category-help { display: block; max-width: 218px; margin-top: 3px; color: var(--market-muted); font-size: 9px; font-weight: 500; line-height: 1.35; }
.marketplace-categories .marketplace-category { flex-direction: column; }
.marketplace-categories .marketplace-category__icon { font-family: system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif; font-size: 19px; }
.marketplace-categories .marketplace-category:nth-child(3n) .marketplace-category__icon,
.marketplace-categories .marketplace-category:nth-child(4n) .marketplace-category__icon { color: inherit; }
.marketplace-categories .marketplace-category.is-active .marketplace-category__icon { color: inherit; }
@media (min-width: 768px) {
  .marketplace-main { max-width: 1120px; }
  .marketplace-app { max-width: 1120px; }
  .marketplace-hero { padding: 42px 42px 35px; }
  .marketplace-categories, .marketplace-products { padding-right: 42px; padding-left: 42px; }
  .marketplace-categories .marketplace-chips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-columns: auto; grid-auto-flow: row; gap: 14px; overflow: visible; padding-bottom: 0; }
  .marketplace-categories .marketplace-chips::after { display: none; }
  .marketplace-categories .marketplace-category { min-height: 126px; padding: 16px 10px; border-radius: 20px; font-size: 12px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
  .marketplace-categories .marketplace-category__icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 15px; font-size: 23px; }
  .marketplace-categories .marketplace-category:hover { border-color: #a9c9b4; box-shadow: 0 13px 25px rgba(8, 56, 30, .10); transform: translateY(-3px); }
  .marketplace-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .marketplace-card__image { height: 155px; }
}
@media (min-width: 1024px) {
  .marketplace-categories .marketplace-chips { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .marketplace-categories .marketplace-category { min-height: 136px; }
}

/* Temporary grocery category photography — replace with local seller imagery when available. */
.marketplace-categories .marketplace-category { position: relative; isolation: isolate; overflow: hidden; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.45); }
.marketplace-categories .marketplace-category::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg, rgba(5,30,19,.05) 25%, rgba(4,37,22,.76)); content:''; }
.marketplace-categories .marketplace-category__photo { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.marketplace-categories .marketplace-category__label { position:relative; z-index:1; margin-top:auto; }
.marketplace-categories .marketplace-category.is-active { color:#fff; }
.marketplace-categories .marketplace-category.is-active::after { background:linear-gradient(180deg, rgba(5,75,47,.25), rgba(5,75,47,.88)); }
.marketplace-categories .marketplace-category:first-child { color:var(--market-green); text-shadow:none; }
.marketplace-categories .marketplace-category:first-child::after { background:#fff; }
@media (min-width:768px) { .marketplace-categories .marketplace-category { align-items:flex-start; text-align:left; } .marketplace-categories .marketplace-category__label { width:100%; } }

/* Product cards: clear, tap-friendly marketplace cards. */
.marketplace-card { display:flex; flex-direction:column; min-width:0; border-radius:20px; box-shadow:0 9px 24px rgba(8,56,30,.075); }
.marketplace-card__link { flex:1; }
.marketplace-card__image { height:142px; }
.marketplace-card__body { padding:12px 12px 8px; }
.marketplace-card h3 { min-height:32px; white-space:normal; font-size:13px; line-height:1.25; }
.marketplace-card__price { min-height:28px; margin-top:6px; color:#597367; font-size:10px; line-height:1.35; }
.marketplace-card__seller { margin-top:1px; }
.marketplace-card__add { display:flex; width:calc(100% - 24px); min-height:38px; align-items:center; justify-content:center; margin:3px 12px 12px; border:1px solid #cce5d3; border-radius:11px; background:#eff8f1; color:var(--market-green); font-size:10.5px; text-decoration:none; transition:.18s ease; }
.marketplace-card__add::after { margin-left:6px; content:'?'; font-size:14px; line-height:1; }
.marketplace-card__add:hover { border-color:var(--market-green); background:var(--market-green); color:#fff; }
@media (min-width:768px) { .marketplace-card__image { height:178px; } .marketplace-card__body { padding:14px 14px 10px; } .marketplace-card h3 { font-size:14px; } .marketplace-card__add { min-height:41px; margin-right:14px; margin-bottom:14px; margin-left:14px; width:calc(100% - 28px); } }