:root{--surface-page:#f5f6fb;--surface-card:#fff;--surface-card-border:#e1e7ef;--accent-primary:#1f5eed;--accent-primary-dark:#1747b4;--text-heading:#1f2937;--text-body:#374151;--text-muted:#6b7280;--shadow-soft:0 8px 16px #0f172a14;--radius-card:12px;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface-page);color:var(--text-body);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}header{z-index:100;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--surface-card);box-shadow:var(--shadow-soft);border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);justify-content:center;display:flex;position:sticky;top:0}.search-container{width:100%;max-width:720px;position:relative}.search-icon{left:var(--spacing-md);color:var(--text-muted);font-size:.95rem;position:absolute;top:50%;transform:translateY(-50%)}#searchInput{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)calc(var(--spacing-lg) + var(--spacing-xs));border:1px solid var(--surface-card-border);background-color:var(--surface-card);color:var(--text-body);border-radius:999px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}#searchInput::placeholder{color:var(--text-muted)}#searchInput:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #1f5eed26}main{max-width:960px;padding:var(--spacing-lg)var(--spacing-md)var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.title{text-align:left;gap:var(--spacing-xs);flex-direction:column;display:flex}.title h1{color:var(--text-heading);letter-spacing:-.01em;font-size:2rem;font-weight:600}.title h2{color:var(--text-heading);font-size:1.25rem;font-weight:500}.title p{color:var(--text-muted);font-size:.95rem}a{color:var(--accent-primary);font-weight:500;text-decoration:none}a:hover{color:var(--accent-primary-dark)}.listings-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.listings-grid{gap:var(--spacing-sm);background-color:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--spacing-md);flex-direction:column;display:flex}.listing-card{gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:calc(var(--radius-card) - 2px);border:1px solid var(--surface-card-border);background-color:var(--surface-card);cursor:pointer;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.listing-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.listing-card__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.listing-card__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--text-heading);background-color:#1f5eed1a;border-radius:999px;justify-content:center;align-items:center;padding:.15rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.listing-card__badge--sale,.listing-card__badge--selling{color:#b45309;background-color:#ff8f3d2e}.listing-card__badge--wanted,.listing-card__badge--in_search_of{color:#3730a3;background-color:#4f46e526}.listing-card__badge--service,.listing-card__badge--service_offered{color:#047857;background-color:#10b98126}.listing-card__date{color:var(--text-muted);margin-left:auto;font-size:.85rem;font-weight:500}.listing-card__body{gap:var(--spacing-xs);flex-direction:column;display:flex}.listing-card__title{color:var(--text-heading);font-size:1.125rem;font-weight:600}.listing-card__summary{color:var(--text-muted);font-size:.95rem}.listing-phone{color:var(--text-muted);margin:var(--spacing-sm)0;font-size:.95rem}.listing-meta{margin-top:var(--spacing-sm);color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.listing-contact{gap:var(--spacing-sm);margin:var(--spacing-sm)0;flex-wrap:wrap;display:flex}.listing-contact__link{padding:.45rem var(--spacing-md);color:var(--accent-primary);background-color:#1f5eed1f;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.listing-contact__link:hover{background-color:var(--accent-primary);color:#fff}.listing-card--placeholder{cursor:default;border:1px dashed var(--surface-card-border)}.listing-card--placeholder:hover{border-color:var(--surface-card-border);box-shadow:none;transform:none}.hidden-phone{visibility:hidden}#itemModal,#emailModal{z-index:1000;width:100%;height:100%;padding:var(--spacing-md);background-color:#0f172aa6;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}#itemModal .modal-content,#emailModal .modal-content{background-color:var(--surface-card);padding:var(--spacing-lg);border-radius:var(--radius-card);width:100%;max-width:600px;box-shadow:var(--shadow-soft);position:relative}.close-button{right:var(--spacing-sm);top:var(--spacing-sm);color:var(--text-muted);cursor:pointer;font-size:1.5rem;transition:color .2s;position:absolute}.close-button:hover{color:var(--text-heading)}#emailInput{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);background-color:var(--surface-card);color:var(--text-body);font-size:.95rem}#submitEmail,.view-button{padding:.65rem var(--spacing-lg);background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,transform .2s;display:inline-flex}#submitEmail:hover,.view-button:hover{background-color:var(--accent-primary-dark);transform:translateY(-1px)}.modal-content button:focus,#submitEmail:focus,.view-button:focus{outline:none;box-shadow:0 0 0 3px #1f5eed4d}footer{max-width:960px;margin:0 auto var(--spacing-lg);background-color:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--spacing-md)var(--spacing-lg);color:var(--text-muted);text-align:center;font-size:.85rem}footer a{font-weight:600}@media (width<=768px){header{border-radius:0}main{padding:var(--spacing-lg)var(--spacing-sm)var(--spacing-lg)}.listings-grid,.listing-card{padding:var(--spacing-sm)}.listing-card__header{flex-wrap:wrap}.listing-card__date{text-align:left;width:100%}}@media (width<=480px){.title h1{font-size:1.75rem}.title h2{font-size:1.1rem}.listing-card__title{font-size:1rem}}
/*# sourceMappingURL=frontend.c7b89961.css.map */
