@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--clr-emerald-light:#edf0e8;--clr-emerald-mint:#dfe7d7;--clr-emerald:#19644c;--clr-emerald-hover:#14533f;--clr-emerald-dark:#173d32;--clr-charcoal:#173d32;--clr-charcoal-light:#52665a;--clr-muted:#64746b;--clr-border:#dce2d8;--clr-bg-light:#fafbf7;--clr-bg-alt:#edf0e8;--font-main:'DM Sans',sans-serif;--max-width:1440px;--radius:4px;--transition:all .2s ease-in-out}
body.bg-light.text-charcoal{margin:0;background:#fafbf7!important;color:#173d32!important;font-family:'DM Sans',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.main-header{height:82px;padding:0!important;background:#fafbf7!important;border-bottom:1px solid #dce2d8!important;position:relative;z-index:100}
.header-flex{width:100%;max-width:1440px!important;height:82px;margin:0 auto!important;padding:0 5%!important;display:flex;justify-content:space-between;align-items:center;gap:28px}
.logo a.brand{display:block;color:#173d32!important;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;line-height:1.15;letter-spacing:-1.3px;text-decoration:none}
.logo a.brand span,.site-footer .brand span{color:#32966c!important}
.logo a.brand small{display:block;margin-top:4px;color:#173d32;font-family:'DM Sans',sans-serif;font-size:7px;line-height:1.2;font-weight:600;letter-spacing:1.7px}
.main-nav{display:flex;align-items:center;gap:38px}
.main-nav .nav-link{color:#173d32!important;font-size:12px;font-weight:500;text-decoration:none}
.main-nav .nav-link:hover,.site-footer-links a:hover{color:#19644c!important}
.user-actions{display:flex;align-items:center;gap:18px}
.user-actions .signin{color:#173d32;font-size:12px;text-decoration:none}
.user-actions .signin span{margin-left:18px}
.user-actions .btn-primary-emerald,.user-actions .btn-post-ad,.site-content .btn-primary-emerald,.site-content .btn-view{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px!important;border:0!important;border-radius:3px!important;background:#173d32!important;color:#fff!important;font-family:'DM Sans',sans-serif;font-size:11px!important;font-weight:600!important;text-decoration:none;box-shadow:none!important}
.user-actions .btn-primary-emerald:hover,.user-actions .btn-post-ad:hover,.site-content .btn-primary-emerald:hover,.site-content .btn-view:hover{background:#19644c!important;transform:translateY(-1px)}
.message-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;color:#173d32;font-size:18px;text-decoration:none}
.message-count{position:absolute;top:-2px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#b54e3a;color:#fff;font-size:9px;font-weight:700}
.user-avatar-menu{position:relative}.avatar-btn{width:34px;height:34px;border:1px solid #bfcbbd!important;border-radius:50%!important;background:#edf0e8!important;color:#173d32!important;font-size:11px;font-weight:700}.dropdown-content{border:1px solid #dce2d8;border-radius:4px;background:#fff;box-shadow:0 12px 30px #173d3218}.dropdown-inner a{color:#173d32!important;font-size:12px}.dropdown-inner a:hover{background:#edf0e8!important;color:#173d32!important}.dropdown-inner a.logout-link{color:#a54336!important}
.site-content{width:100%;min-height:48vh;padding:0 0 54px;background:#fafbf7}
.site-content h1,.site-content h2,.site-content h3,.site-content h4{font-family:Manrope,sans-serif!important;letter-spacing:-.45px}
.site-content h2,.site-content h3{color:#173d32!important}
.site-content .hero-content h1,.site-content .hero-content h2,.site-content .category-card h3,.site-content .hero-content p{color:#fff!important}
.site-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.site-content select,.site-content textarea{max-width:100%;border-color:#d4ddd1!important;border-radius:3px!important;background:#fff!important;color:#173d32!important;font-family:'DM Sans',sans-serif!important;font-size:12px!important;box-shadow:none!important}
.site-content input:focus,.site-content select:focus,.site-content textarea:focus{outline:3px solid #b87832!important;outline-offset:2px;border-color:#19644c!important}
.site-content label{color:#42584c;font-size:.82rem;font-weight:600}
.site-content button[type=submit],.site-content input[type=submit]{border-radius:3px!important;font-family:'DM Sans',sans-serif!important;font-weight:600!important}
.site-content .create-listing-wrapper,.site-content .auth-wrapper{border-radius:5px!important;border-color:#d8dfd2!important;box-shadow:0 10px 28px #173d3208!important}
.site-content .product-card,.site-content .category-card{border-radius:5px!important;border-color:#d8dfd2!important}
.site-content .product-card{box-shadow:none!important}
.site-content .product-card:hover{box-shadow:0 12px 28px #173d3212!important}
.site-content .section-title{font-family:Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-1px!important}
.site-content .about-modal-container{border:1px solid #d8dfd2;border-radius:5px!important}
.site-content .about-modal-close{background:#edf0e8!important;color:#173d32!important}
.site-content .about-modal-close:hover{background:#dfe7d7!important}
.site-footer{display:block!important;margin-top:0!important;padding:46px 5% 0!important;border-top:1px solid #dce2d8!important;background:#fafbf7!important;color:#173d32!important}
.site-footer-main{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr));gap:38px;max-width:1440px;margin:0 auto;padding-bottom:32px}
.site-footer .brand{display:inline-block;margin-bottom:12px;color:#173d32;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px;text-decoration:none}
.site-footer-brand p{max-width:300px;margin:0 0 18px;color:#64746b;font-size:11px;line-height:1.7}
.site-footer-social{display:flex;gap:8px}.site-footer-social a{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #d8dfd2;border-radius:50%;color:#173d32;font-size:10px;font-weight:700;text-decoration:none}
.site-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.site-footer-links h2{margin:4px 0 6px;color:#173d32;font:600 11px 'DM Sans',sans-serif!important;letter-spacing:.3px!important}.site-footer-links a{color:#64746b;font-size:10px;text-decoration:none}
.site-footer-bottom{display:flex;justify-content:space-between;gap:15px;max-width:1440px;margin:0 auto;padding:15px 0 18px;border-top:1px solid #dce2d8;color:#64746b;font-size:9px}
@media(max-width:800px){.header-flex{gap:14px}.main-nav{gap:18px}.site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:600px){.main-header,.header-flex{height:70px}.header-flex{padding:0 6%!important}.logo a.brand{font-size:21px}.logo a.brand small{font-size:6px}.main-nav{display:none}.user-actions{gap:10px}.site-content{padding-bottom:40px}.site-footer{padding:34px 6% 0!important}.site-footer-main{grid-template-columns:1fr 1fr;gap:24px 18px}.site-footer-brand{grid-column:1/-1}.site-footer-bottom{flex-direction:column;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Recolor legacy inline-styled CommerceSA page panels without changing their PHP behavior. */
.site-content [style*="border-radius:"]{border-radius:5px!important}
.site-content [style*="border: 1px solid"]{border-color:#d8dfd2!important}
.site-content [style*="background: #f9fafb"],.site-content [style*="background-color: #f9fafb"],.site-content [style*="background: #fafafa"]{background:#edf0e8!important}
.site-content [style*="color: #1f2937"],.site-content [style*="color: #0f2d1e"]{color:#173d32!important}
.site-content [style*="color: #4b5563"],.site-content [style*="color: #6b7280"]{color:#64746b!important}
.site-content [style*="color: #059669"]{color:#19644c!important}
.site-content button[style*="background: #1f2937"],.site-content button[style*="background: #374151"],.site-content a[style*="background-color: #4b5563"]{background:#173d32!important;color:#fff!important;border-radius:3px!important}
.site-content .hero-carousel{border-radius:0!important}
.site-content .hero-carousel .hero-overlay{background:linear-gradient(90deg,#173d32d9,#173d3280)!important}
@media(max-width:700px){.site-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.site-content [style*="max-width: 450px"],.site-content [style*="max-width: 650px"]{margin:28px auto!important;padding:22px!important}}