.feature-page{padding-top:calc(88px + var(--space-10));padding-bottom:var(--space-16)}
.feature-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,var(--primary-50),#ecfdf5);border:1px solid var(--border-color);border-radius:20px;margin-bottom:28px}.feature-hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0}.feature-hero p{margin:0;max-width:700px}.feature-kicker{font-weight:800;color:var(--primary)}
.feature-grid{display:grid;gap:20px}.feature-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}.feature-card h2{font-size:1.3rem;margin-bottom:14px}.feature-section{margin-top:26px}.feature-section>h2{font-size:1.6rem;margin-bottom:16px}
.chip-list{display:flex;flex-wrap:wrap;gap:10px}.need-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--primary-50);border-radius:999px}.need-chip button{border:0;background:none;font-size:1.2rem;cursor:pointer}
.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.match-card{background:white;border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.match-card>img{width:100%;height:180px;object-fit:cover}.match-card-body{padding:16px}.match-card-body h3{font-size:1.15rem;margin:8px 0}.match-score{display:inline-flex;background:#dcfce7;color:#166534;padding:4px 9px;border-radius:999px;font-weight:800}
.location-picker,.donation-map{height:min(68vh,650px);min-height:420px;border-radius:18px;border:1px solid var(--border-color);overflow:hidden;z-index:1}.location-picker{margin-top:16px;cursor:crosshair}.location-picker-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.location-picker-actions span{flex:1}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.map-toolbar select{width:auto;min-width:170px}.map-shell{position:relative}.map-empty{position:absolute;z-index:500;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(88%,420px);padding:20px;text-align:center;background:rgba(255,255,255,.94);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);pointer-events:none}.map-empty strong,.map-empty span{display:block}.map-empty span{margin-top:6px;color:var(--text-muted)}.map-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;color:var(--text-muted);font-size:.92rem}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{display:inline-block;width:18px;height:18px;border:2px solid #2563eb;border-radius:50%;background:rgba(37,99,235,.2)}.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-stats>div{text-align:center;background:white;border:1px solid var(--border-color);border-radius:16px;padding:22px}.trust-stats strong{display:block;font-size:2rem;color:var(--primary)}.trust-stats span{color:var(--text-muted)}
.qr-card{max-width:600px;margin:0 auto;text-align:center}.qr-card canvas{display:block;max-width:100%;height:auto;margin:20px auto;padding:10px;background:white;border-radius:16px}.delivery-list{display:grid;gap:16px}.delivery-card{display:grid;gap:14px}.delivery-card details form{display:grid;gap:10px;margin-top:12px}.delivery-card summary{cursor:pointer}.handover-user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color)}
.map-search-control{width:min(360px,calc(100vw - 70px));background:rgba(255,255,255,.97);padding:8px;border-radius:12px;box-shadow:0 2px 12px rgba(15,23,42,.22);cursor:auto}.map-search-form{display:flex;gap:6px}.map-search-form input{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;font:inherit}.map-search-form button{border:0;border-radius:8px;padding:8px 13px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.map-search-form button:disabled{opacity:.65}.map-search-results{max-height:210px;overflow:auto;margin-top:7px;border-top:1px solid #e2e8f0}.map-search-result{display:block;width:100%;border:0;border-bottom:1px solid #e2e8f0;background:#fff;text-align:start;padding:9px 6px;cursor:pointer;font:inherit;font-size:.84rem;line-height:1.45}.map-search-result:hover,.map-search-result:focus{background:#eff6ff}.map-search-credit{display:block;margin-top:5px;color:#64748b;font-size:.65rem}
@media(max-width:768px){.feature-page{padding-top:84px}.feature-hero{padding:18px;align-items:stretch;flex-direction:column}.feature-grid-2,.trust-stats{grid-template-columns:1fr}.match-grid{grid-template-columns:1fr}.location-picker,.donation-map{height:62dvh;min-height:360px}.location-picker-actions,.map-toolbar{align-items:stretch;flex-direction:column}.location-picker-actions .btn,.map-toolbar select{width:100%}.feature-card{padding:16px}.handover-user-row{align-items:stretch;flex-direction:column}}
@media(max-width:380px){.location-picker,.donation-map{min-height:320px}.map-legend{gap:10px}.leaflet-control-zoom a{width:34px;height:34px;line-height:34px}}