*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;background:#e5e5e5;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}input{border:none;outline:none}.app-container{background:#f5f5f5;width:100%;max-width:1600px;min-height:100vh;margin:0 auto}.navbar-bar{padding:clamp(12px,1.4vw,22px) clamp(16px,3vw,56px)}.navbar-logo-text{font-size:clamp(17px,1.3vw,21px)}.location-pill-text{font-size:clamp(13px,.9vw,15px)}.banner-box{height:clamp(130px,16vw,320px)}.shop-heading{font-size:clamp(20px,1.6vw,26px)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,230px),1fr));gap:clamp(14px,1.4vw,26px);display:grid}.shop-image{height:clamp(110px,10vw,175px)}.shops-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(12px,1.4vw,22px);display:grid}.shops-list-image{height:clamp(110px,10vw,160px)}.shop-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.shop-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #163a2c1a}.area-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;transition:transform .2s,box-shadow .2s;display:block}.area-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #163a2c14}