body{font-family:sans-serif;margin:0;background-color:#f7f7f7;display:flex;justify-content:center}.container{width:375px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.1)}.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.col{flex:1;padding:10px}.top-bar{background-color:#008080;color:white;padding:15px;justify-content:space-between}.top-bar,.top-bar-left{display:flex;align-items:center}.location-icon{width:20px;height:20px;background-color:white;border-radius:50%;margin-right:8px}.location-text{font-size:14px}.top-bar-right{width:25px;height:25px;background-color:rgba(255,255,255,.7);border-radius:50%}.search-bar{background-color:#f0f0f0;padding:10px;margin:10px;border-radius:10px;display:flex;align-items:center}.search-icon{width:20px;height:20px;background-color:#ccc;margin-right:8px}.search-input{border:none;background:transparent;outline:none;font-size:16px;color:#333;flex-grow:1}.welcome-section{padding:15px}.welcome-title{font-size:18px;font-weight:700;color:#333;margin-bottom:5px}.welcome-subtitle{font-size:12px;color:#777;margin-bottom:10px}.service-cards-container{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.service-card{background-color:#f9f9f9;border-radius:10px;width:200px;flex-shrink:0;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.service-card-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.service-card-image{background-color:#ddd;height:80px;border-radius:8px;margin-bottom:8px}.service-card-button{background-color:#008080;color:white;border:none;padding:8px 15px;border-radius:5px;font-size:14px;cursor:pointer}.hire-runner-section{padding:15px}.hire-runner-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.hire-runner-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hire-runner-option{background-color:#f9f9f9;border-radius:8px;padding:10px;text-align:center;font-size:12px;color:#555;justify-items:center}.hire-runner-icon{width:30px;height:30px;background-color:#ddd;border-radius:50%;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.on-demand-services-grid{gap:10px}.on-demand-service{background-color:#f9f9f9;border-radius:8px;padding:10px;text-align:center;font-size:12px;color:#555;justify-items:center}.on-demand-icon{width:30px;height:30px;background-color:#ddd;border-radius:50%;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.offer-card,.offers-section{padding:15px}.offer-card{background-color:#e0f2f7;border-radius:10px;margin-bottom:10px;display:flex;align-items:center}.offer-image{background-color:#ccc;width:100px;height:80px;border-radius:8px;margin-right:15px}.offer-details{flex-grow:1}.offer-title{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.offer-subtitle{font-size:14px;color:#555}.offer-button{background-color:#008080;color:white;border:none;padding:8px 15px;border-radius:5px;font-size:14px;cursor:pointer;margin-top:10px}.buy-sell-grid{grid-template-columns:repeat(2,1fr)}.buy-sell-item{background-color:#f9f9f9;border-radius:10px;padding:15px;text-align:left;color:#333;font-size:14px;font-weight:700}.car-pool-section{background-color:#e0f7fa;border-radius:10px;margin:10px}.car-pool-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.car-pool-details{font-size:14px;color:#555;margin-bottom:10px}.medical-grid{grid-template-columns:repeat(2,1fr)}.medical-item{background-color:#f9f9f9;border-radius:10px;padding:15px;text-align:left;color:#333;font-size:14px}.medical-icon{width:30px;height:30px;background-color:#ddd;border-radius:50%;margin-bottom:5px}.medical-item-title{font-weight:700;margin-bottom:5px}.track-section{padding:15px;background-color:#f1f8e9;border-radius:10px;margin:10px}.track-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.track-details{font-size:14px;color:#555;margin-bottom:10px}.explore-title{margin-bottom:8px}.explore-grid{gap:10px}.explore-item{background-color:#f9f9f9;border-radius:8px;padding:10px;font-size:12px;color:#555}.explore-icon{display:flex;justify-content:center;align-items:center}.bottom-navigation{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px 0}.hire-genie-content{font-size:12px;color:#777;margin-bottom:10px}.hire-genie-options{display:flex;gap:10px}.hire-genie-option{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;flex-grow:1;text-align:center;font-size:12px;color:#555}.on-demand-section{padding:15px;background-color:#e0f7fa}.on-demand-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.on-demand-content{font-size:12px;color:#777;margin-bottom:10px}.on-demand-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.on-demand-service-item{background-color:#fff;border-radius:8px;padding:8px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.on-demand-service-icon{width:25px;height:25px;background-color:#ddd;border-radius:50%;margin-bottom:3px;display:inline-block}.on-demand-service-label{font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-section{padding:15px;background-color:#fbe9e7}.promotion-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px;display:flex;gap:15px;align-items:center}.promotion-text{flex-grow:1}.promotion-title{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.promotion-subtitle{font-size:14px;color:#555;margin-bottom:8px}.promotion-button{background-color:#008080;color:white;border:none;border-radius:5px;padding:8px 12px;font-size:14px;cursor:pointer}.promotion-image{width:80px;height:80px;background-color:#ddd;border-radius:8px}.buy-sell-section{padding:15px;background-color:#ede7f6}.buy-sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-sell-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px;text-align:left}.buy-sell-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.car-pool-section{padding:15px;background-color:#e1f5fe}.car-pool-content{font-size:14px;color:#555;margin-bottom:10px}.car-pool-image{width:100%;height:100px;background-color:#ddd;border-radius:8px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover}.medical-section{padding:15px;background-color:#f1f8e9}.medical-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.medical-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:15px;text-align:left}.medical-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.medical-content{font-size:12px;color:#555}.other-medical-section{background-color:#f1f8e9;padding:0 15px 15px}.other-medical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.other-medical-item{background-color:#fff;border-radius:8px;padding:8px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.other-medical-icon{width:25px;height:25px;background-color:#ddd;border-radius:50%;margin-bottom:3px;display:inline-block}.other-medical-label{font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-family-section{padding:15px;background-color:#e8f5e9}.track-family-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.track-family-content{font-size:12px;color:#777;margin-bottom:10px}.track-family-image{width:100%;height:80px;background-color:#ddd;border-radius:8px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover}.explore-section{padding:15px;background-color:#f9fbe7}.explore-title{font-size:16px;font-weight:700;color:#333;margin-bottom:10px}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.explore-item{text-align:center}.explore-icon{width:30px;height:30px;background-color:#ddd;border-radius:50%;margin-bottom:5px;display:inline-block}.explore-label{font-size:12px;color:#555}.bottom-nav{background-color:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px 0}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#555;font-size:12px}.nav-icon{width:25px;height:25px;background-color:#ddd;border-radius:50%;margin-bottom:5px}