@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap";
.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #f0f0f0;width:100%;height:64px;position:fixed;top:0;left:0;box-shadow:0 1px 8px #0000000f}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex;position:relative}.search-wrapper{background-color:#f5f5f5;border-radius:10px;align-items:center;gap:6px;height:30px;padding:0 8px;transition:background-color .2s;display:flex}.search-wrapper:focus-within{background-color:#eee}.search-icon{color:#9e9e9e;flex-shrink:0;font-size:1.1rem!important}.search-input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.search-input::placeholder{color:#bdbdbd}.mobile-container{align-items:center;gap:10px;width:100%;display:flex}.mobile-left{flex-shrink:0;align-items:center;display:flex}.mobile-logo{cursor:pointer;height:46px}.mobile-search-filter{flex:1;align-items:center;gap:6px;display:flex}.mobile-right{flex-shrink:0;align-items:center;display:flex}.navbar-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.desktop-logo{cursor:pointer;height:56px;margin-right:8px}.navbar-links{align-items:center;gap:2px;display:flex}.nav-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{color:#00a881;background-color:#00a88114}.icon-btn{justify-content:center;align-items:center;padding:8px;display:flex}.navbar-center{flex:1;max-width:460px;margin:0 24px;position:relative}.search-filter-row{align-items:center;gap:6px;display:flex}.search-wrapper-grow{flex:1}.filter-btn{color:#666;cursor:pointer;background:0 0;border:1.5px solid #e0e0e0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .15s,background-color .15s,color .15s;display:flex;position:relative}.filter-btn:hover{color:#00a881;border-color:#00a881}.filter-btn-active{color:#00a881;background-color:#00a8810f;border-color:#00a881}.filter-btn-open{background-color:#00a8810f;border-color:#00a881}.filter-dot{background-color:#00a881;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.filter-dropdown{z-index:300;background:#fff;border-radius:14px;flex-direction:column;gap:16px;width:360px;padding:20px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000021}@media (max-width:767px){.filter-dropdown{border-radius:0 0 16px 16px;width:auto;padding:20px 16px;position:fixed;top:60px;left:0;right:0;transform:none;box-shadow:0 8px 24px #00000026}}.filter-section{flex-direction:column;gap:8px;display:flex}.filter-label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem;font-weight:700}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:#555;cursor:pointer;background:0 0;border:1.5px solid #e0e0e0;border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s}.filter-chip:hover{color:#00a881;border-color:#00a881}.filter-chip-active{color:#fff;background-color:#00a881;border-color:#00a881}.filter-price-input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.filter-price-input:focus{background:#fff;border-color:#00a881}.filter-actions{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.filter-action-reset{color:#999;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.85rem;transition:color .15s}.filter-action-reset:hover{color:#555}.filter-action-apply{color:#fff;cursor:pointer;background-color:#00a881;border:none;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background-color .15s,transform .15s}.filter-action-apply:hover{background-color:#008f6c;transform:translateY(-1px)}.nav-btn-active{background-color:#00a88114;color:#00a881!important}.navbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.sell-btn{color:#00a881;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #00a881;border-radius:8px;padding:7px 18px;font-size:.875rem;font-weight:600;transition:background-color .15s,transform .15s}.sell-btn:hover{background-color:#00a88112;transform:translateY(-1px)}.connect-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#00a881;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background-color .15s,transform .15s;display:flex}.connect-button:hover{background-color:#008f6c;transform:translateY(-1px)}.auth-container{position:relative}.auth-options{z-index:200;background-color:#fff;border-radius:12px;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.auth-option{text-align:left;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;padding:12px 18px;font-size:.875rem;transition:background-color .15s}.auth-option:hover{background-color:#f5f5f5}.user-menu{align-items:center;display:flex}.user-menu-button{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px;transition:background-color .15s;display:flex}.user-menu-button:hover{background-color:#f5f5f5}.auth-modal-box{background:#fff;border-radius:16px;outline:none;width:90%;max-width:440px;max-height:90vh;padding:32px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000026}.auth-modal-close{top:12px;right:12px;position:absolute!important}@media (max-width:767px){.navbar-left,.navbar-center,.navbar-right{display:none}.navbar{height:60px}}@media (min-width:768px){.mobile-container{display:none}}
.footer{background-color:#fff;width:100%;padding:32px 0}.footer-grid{grid-template-columns:repeat(5,1fr);gap:32px;display:grid}.footer-brand{grid-column:span 2}.footer-heading{margin-top:40px;font-size:24px;font-weight:700}.footer-muted{color:#6d737a;padding:8px 0}.footer-dark{color:#363a3d;padding:8px 0}.footer-social-row{gap:16px;padding:16px 0;display:flex}.footer-social-icon{background-color:#e9f8f3;border-radius:12px;padding:16px}.footer-nav-heading{font-size:24px;font-weight:700}.footer-nav-list{color:#6d737a;padding:24px 0}.footer-nav-list li{padding:8px 0}.footer-subscribe{grid-column:span 1}.footer-subscribe-input{background-color:#f2f3f4;border:none;border-radius:4px;outline:none;width:100%;padding:16px}.footer-subscribe-form{padding:16px 0}.footer-subscribe-btn{color:#fff;cursor:pointer;background-color:#00a881;border:none;border-radius:6px;margin:16px 0;padding:12px 20px;font-weight:500}@media (max-width:780px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand,.footer-subscribe{grid-column:span 2}.footer-subscribe-btn{width:100%}}
:root{--background:#fff;--foreground:#171717}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9f8f3b2;max-width:100vw;font-family:Public Sans,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.input-box-shadow{filter:drop-shadow(-4px -4px 44px #00000014)}.main{flex-direction:column;flex-grow:1;width:100%;display:flex}.content-container{width:100%;max-width:1480px;margin:0 auto;padding:0 16px}.mobile-navigation{z-index:100;border-top:1px solid #0000000f;width:100%;position:fixed;bottom:0;left:0;overflow:hidden;box-shadow:0 -1px #0000000f,0 -4px 16px #0000000a}.without-footer{flex-direction:column;flex-grow:1;min-height:85vh;padding-top:70px;padding-bottom:70px;display:flex}.page-content{flex-grow:1;width:100%;max-width:1480px;margin:0 auto;padding:0 16px}.auth-submit-btn{color:#fff;cursor:pointer;background-color:#00a881;border:none;border-radius:8px;width:100%;margin:16px 0;padding:14px 32px;font-size:1rem;font-weight:600;transition:background-color .2s}.auth-submit-btn:hover{background-color:#008f6c}.auth-submit-btn--disabled{color:#9e9e9e;cursor:not-allowed;background-color:#e0e0e0}@media (min-width:768px){.content-container,.page-content{padding:0 24px}.without-footer{padding-bottom:0}}