<style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
   /* body { font-family: sans-serif; }*/

    #map-container {
      display: flex;
      height: 300px;
      width: 100%;
    }
.iw-name {
  padding-bottom: 6px;
  font-weight: 500;
  font-size: 15px;
}
  .iw-address, .iw-phone {
      padding-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
}

.iw-links {display: inline-flex;
    align-items: center;
    gap: 5px;}
  .iw-links a {font-size: 14px;font-weight: 600;}
  
#map > div > div.gm-style > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(4) > div > div > div > div.gm-style-iw.gm-style-iw-c > div.gm-style-iw-chr > button{
    width: 44px !important;
    height: 30px !important;
    
  }
    /* Side Panel */
    #side-panel {
      width: 280px;
      min-width: 280px;
      background: #fff;
      border-right: 1px solid #e0e0e0;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
    }

    #side-panel h2 {
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #888;
      padding: 16px 16px 10px;
      border-bottom: 1px solid #e0e0e0;
    }

    .location-item {
      padding: 14px 16px;
      border-bottom: 1px solid #f0f0f0;
      cursor: pointer;
      transition: background 0.15s;
    }

    .location-item:hover {
      background: #f7f7f7;
    }

    .location-item.active {
      background: #f0f6ff;
      border-left: 3px solid #1a73e8;
    }

    .location-item.loading {
      opacity: 0.5;
      pointer-events: none;
    }

    .location-name {
      font-size: 13px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 4px;
    }

    .location-address {
      font-size: 12px;
      color: #555;
      line-height: 1.4;
      margin-bottom: 6px;
    }

    .location-phone {
      font-size: 12px;
      color: #555;
      margin-bottom: 8px;
    }

    .location-phone a {
      color: #555;
      text-decoration: none;
    }

    .location-phone a:hover {
      color: #1a73e8;
    }

    .directions-link {
      display: inline-block;
      font-size: 12px;
      font-weight: 500;
      color: #1a73e8;
      text-decoration: none;
    }

    .directions-link:hover {
      text-decoration: underline;
    }

    .loading-text {
      font-size: 12px;
      color: #aaa;
      padding: 20px 16px;
    }

    /* Map */
    #map {
      flex: 1;
      height: 100%;
      border-radius: 6px;
    }

    /* Mobile */
    @media (max-width: 600px) {
      #map-container {
        flex-direction: row;
        height: auto;
      }
      #side-panel {
        width: 100%;
        min-width: unset;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        max-height: 260px;
      }
      #map {
        height: 300px;
      }
    }
  </style>