:root{--primary-bg:#fafaed;--primary-color:#4a5d23;--primary-color-hover:#3b4a1c;--text-dark:#1a1a1a;--text-light:#666;--border-color:#e0e0d1;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}#app{background-color:var(--primary-bg);max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.app-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.app-header h1{color:var(--text-dark);font-size:1.25rem;font-weight:600}.app-header i{color:var(--text-dark);cursor:pointer}.hero{padding:10px 24px 20px}.hero h2{letter-spacing:-.5px;margin-bottom:20px;font-size:2rem;font-weight:500}.search-bar{border:1px solid var(--border-color);background:0 0;border-radius:30px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a5d231a}.search-bar i{color:var(--text-light);width:20px;height:20px;margin-right:12px}.search-bar input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:1rem}.search-bar input::placeholder{color:#999}.filter-carousel{scrollbar-width:none;gap:12px;padding:0 24px 20px;display:flex;overflow-x:auto}.filter-carousel::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.filter-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.shop-list{flex-direction:column;gap:24px;padding:0 24px 20px;display:flex}.shop-card{background:var(--card-bg);border:1px solid #0000000d;border-radius:20px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 15px #00000008}.shop-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.shop-card-image{object-fit:cover;border-bottom:1px solid #0000000d;width:100%;height:200px}.shop-card-content{padding:20px}.shop-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shop-card-header h3{font-size:1.4rem;font-weight:500}.shop-card-rating{color:var(--text-dark);background:#f5f5f5;border-radius:12px;align-items:center;padding:4px 8px;font-size:.85rem;font-weight:600;display:flex}.shop-card-rating i{width:14px;height:14px;color:var(--primary-color);fill:var(--primary-color);margin-right:4px}.shop-card-location{color:var(--text-light);align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.shop-card-location i{width:14px;height:14px;margin-right:6px}.shop-card-desc{color:var(--text-dark);margin-bottom:20px;font-size:.95rem;line-height:1.5}.shop-card-actions{gap:12px;display:flex}.btn{text-align:center;cursor:pointer;border-radius:30px;flex:1;justify-content:center;align-items:center;padding:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--primary-color-hover)}.btn-secondary{color:var(--text-dark);border:1px solid var(--text-dark);background:0 0}.btn-secondary i{width:16px;height:16px;color:var(--primary-color);margin-right:6px}.btn-secondary:hover{background:#00000005}.bottom-nav{border-top:1px solid var(--border-color);z-index:100;background:#fff;justify-content:space-around;width:100%;max-width:600px;padding:12px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #00000005}.nav-item{color:#b0b0b0;flex-direction:column;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:flex}.nav-item i{width:24px;height:24px}.nav-item span{font-size:.7rem;font-weight:500}.nav-item.active{color:var(--primary-color)}.nav-item:hover{color:var(--primary-color-hover)}